Commit ada1e697 authored by redray's avatar redray
Browse files

better form lengths

parent 294d06ce
......@@ -21,7 +21,7 @@
</div>
<div class="ctrlHolder">
<label for="source_password">{tmpl_var name='source_password_txt'}</label>
<input name="source_password" id="source_password" value="{tmpl_var name='source_password'}" size="30" maxlength="255" type="text" class="textInput" />
<input name="source_password" id="source_password" value="{tmpl_var name='source_password'}" size="30" maxlength="255" type="password" class="textInput" />
</div>
<div class="ctrlHolder">
<p class="label">{tmpl_var name='source_delete_txt'}</p>
......
......@@ -17,7 +17,7 @@
</div>
<div class="ctrlHolder">
<label for="type">{tmpl_var name='type_txt'}</label>
<select name="type" id="type" class="selectInput">
<select name="type" id="type" class="selectInput formLengthHalf">
{tmpl_var name='type'}
</select>
</div>
......@@ -33,7 +33,7 @@
</div>
<div class="ctrlHolder">
<label for="sort_order">{tmpl_var name='sort_order_txt'}</label>
<select name="sort_order" id="sort_order" class="selectInput">
<select name="sort_order" id="sort_order" class="selectInput formLengthHalf">
{tmpl_var name='sort_order'}
</select>
</div>
......
......@@ -8,9 +8,9 @@
<div class="ctrlHolder">
<p class="label"><em>*</em> {tmpl_var name='email_txt'}</p>
<div class="multiField">
<label for="email_local_part" class="blockLabel">Alias<input type="text" id="email_local_part" name="email_local_part" size="20" value="{tmpl_var name='email_local_part'}" class="textInput" /></label>
<label for="email_local_part" class="blockLabel formLengthEmailDomain">Alias<input type="text" id="email_local_part" name="email_local_part" size="20" value="{tmpl_var name='email_local_part'}" class="textInput" /></label>
<label for="email_at" class="blockLabel email_at">&nbsp;<span id="email_at" name="email_at" />@</label>
<label for="email_domain" class="blockLabel">Domain<select name="email_domain" id="email_domain" class="selectInput">{tmpl_var name='email_domain'}</select></label>
<label for="email_domain" class="blockLabel formLengthEmailDomain">Domain<select name="email_domain" id="email_domain" class="selectInput">{tmpl_var name='email_domain'}</select></label>
</div>
</div>
<div class="ctrlHolder">
......@@ -24,7 +24,7 @@
</div>
<div class="ctrlHolder">
<label for="quota">{tmpl_var name='quota_txt'}</label>
<input name="quota" id="quota" value="{tmpl_var name='quota'}" size="30" maxlength="255" type="text" class="textInput" />
<input name="quota" id="quota" value="{tmpl_var name='quota'}" size="30" maxlength="255" type="text" class="textInput formLengthLimit" />
</div>
<div class="ctrlHolder">
<label for="policy">{tmpl_var name='policy_txt'}</label>
......
......@@ -25,7 +25,7 @@
</div>
<div class="ctrlHolder">
<label for="priority">{tmpl_var name='priority_txt'}</label>
<select name="priority" id="priority" class="selectInput">
<select name="priority" id="priority" class="selectInput formLengthHalf">
{tmpl_var name='priority'}
</select>
</div>
......
......@@ -23,19 +23,19 @@
</div>
<div class="ctrlHolder">
<label for="warnvirusrecip">{tmpl_var name='warnvirusrecip_txt'}</label>
<select name="warnvirusrecip" id="warnvirusrecip" class="selectInput">
<select name="warnvirusrecip" id="warnvirusrecip" class="selectInput formLengthBool">
{tmpl_var name='warnvirusrecip'}
</select>
</div>
<div class="ctrlHolder">
<label for="warnbannedrecip">{tmpl_var name='warnbannedrecip_txt'}</label>
<select name="warnbannedrecip" id="warnbannedrecip" class="selectInput">
<select name="warnbannedrecip" id="warnbannedrecip" class="selectInput formLengthBool">
{tmpl_var name='warnbannedrecip'}
</select>
</div>
<div class="ctrlHolder">
<label for="warnbadhrecip">{tmpl_var name='warnbadhrecip_txt'}</label>
<select name="warnbadhrecip" id="warnbadhrecip" class="selectInput">
<select name="warnbadhrecip" id="warnbadhrecip" class="selectInput formLengthBool">
{tmpl_var name='warnbadhrecip'}
</select>
</div>
......@@ -61,7 +61,7 @@
</div>
<div class="ctrlHolder">
<label for="message_size_limit">{tmpl_var name='message_size_limit_txt'}</label>
<input name="message_size_limit" id="message_size_limit" value="{tmpl_var name='message_size_limit'}" size="10" maxlength="255" type="text" class="textInput" />
<input name="message_size_limit" id="message_size_limit" value="{tmpl_var name='message_size_limit'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />
</div>
<div class="ctrlHolder">
<label for="banned_rulenames">{tmpl_var name='banned_rulenames_txt'}</label>
......
......@@ -11,43 +11,43 @@
</div>
<div class="ctrlHolder">
<label for="virus_lover">{tmpl_var name='virus_lover_txt'}</label>
<select name="virus_lover" id="virus_lover" class="selectInput">
<select name="virus_lover" id="virus_lover" class="selectInput formLengthBool">
{tmpl_var name='virus_lover'}
</select>
</div>
<div class="ctrlHolder">
<label for="spam_lover">{tmpl_var name='spam_lover_txt'}</label>
<select name="spam_lover" id="spam_lover" class="selectInput">
<select name="spam_lover" id="spam_lover" class="selectInput formLengthBool">
{tmpl_var name='spam_lover'}
</select>
</div>
<div class="ctrlHolder">
<label for="banned_files_lover">{tmpl_var name='banned_files_lover_txt'}</label>
<select name="banned_files_lover" id="banned_files_lover" class="selectInput">
<select name="banned_files_lover" id="banned_files_lover" class="selectInput formLengthBool">
{tmpl_var name='banned_files_lover'}
</select>
</div>
<div class="ctrlHolder">
<label for="bad_header_lover">{tmpl_var name='bad_header_lover_txt'}</label>
<select name="bad_header_lover" id="bad_header_lover" class="selectInput">
<select name="bad_header_lover" id="bad_header_lover" class="selectInput formLengthBool">
{tmpl_var name='bad_header_lover'}
</select>
</div>
<div class="ctrlHolder">
<label for="bypass_virus_checks">{tmpl_var name='bypass_virus_checks_txt'}</label>
<select name="bypass_virus_checks" id="bypass_virus_checks" class="selectInput">
<select name="bypass_virus_checks" id="bypass_virus_checks" class="selectInput formLengthBool">
{tmpl_var name='bypass_virus_checks'}
</select>
</div>
<div class="ctrlHolder">
<label for="bypass_banned_checks">{tmpl_var name='bypass_banned_checks_txt'}</label>
<select name="bypass_banned_checks" id="bypass_banned_checks" class="selectInput">
<select name="bypass_banned_checks" id="bypass_banned_checks" class="selectInput formLengthBool">
{tmpl_var name='bypass_banned_checks'}
</select>
</div>
<div class="ctrlHolder">
<label for="bypass_header_checks">{tmpl_var name='bypass_header_checks_txt'}</label>
<select name="bypass_header_checks" id="bypass_header_checks" class="selectInput">
<select name="bypass_header_checks" id="bypass_header_checks" class="selectInput formLengthBool">
{tmpl_var name='bypass_header_checks'}
</select>
</div>
......
......@@ -7,27 +7,27 @@
<fieldset class="inlineLabels"><legend>Tag-Level</legend>
<div class="ctrlHolder">
<label for="spam_tag_level">{tmpl_var name='spam_tag_level_txt'}</label>
<input name="spam_tag_level" id="spam_tag_level" value="{tmpl_var name='spam_tag_level'}" size="10" maxlength="255" type="text" class="textInput" />
<input name="spam_tag_level" id="spam_tag_level" value="{tmpl_var name='spam_tag_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />
</div>
<div class="ctrlHolder">
<label for="spam_tag2_level">{tmpl_var name='spam_tag2_level_txt'}</label>
<input name="spam_tag2_level" id="spam_tag2_level" value="{tmpl_var name='spam_tag2_level'}" size="10" maxlength="255" type="text" class="textInput" />
<input name="spam_tag2_level" id="spam_tag2_level" value="{tmpl_var name='spam_tag2_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />
</div>
<div class="ctrlHolder">
<label for="spam_kill_level">{tmpl_var name='spam_kill_level_txt'}</label>
<input name="spam_kill_level" id="spam_kill_level" value="{tmpl_var name='spam_kill_level'}" size="10" maxlength="255" type="text" class="textInput" />
<input name="spam_kill_level" id="spam_kill_level" value="{tmpl_var name='spam_kill_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />
</div>
<div class="ctrlHolder">
<label for="spam_dsn_cutoff_level">{tmpl_var name='spam_dsn_cutoff_level_txt'}</label>
<input name="spam_dsn_cutoff_level" id="spam_dsn_cutoff_level" value="{tmpl_var name='spam_dsn_cutoff_level'}" size="10" maxlength="255" type="text" class="textInput" />
<input name="spam_dsn_cutoff_level" id="spam_dsn_cutoff_level" value="{tmpl_var name='spam_dsn_cutoff_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />
</div>
<div class="ctrlHolder">
<label for="spam_quarantine_cutoff_level">{tmpl_var name='spam_quarantine_cutoff_level_txt'}</label>
<input name="spam_quarantine_cutoff_level" id="spam_quarantine_cutoff_level" value="{tmpl_var name='spam_quarantine_cutoff_level'}" size="10" maxlength="255" type="text" class="textInput" />
<input name="spam_quarantine_cutoff_level" id="spam_quarantine_cutoff_level" value="{tmpl_var name='spam_quarantine_cutoff_level'}" size="10" maxlength="255" type="text" class="textInput formLengthLimit" />
</div>
<div class="ctrlHolder">
<label for="spam_modifies_subj">{tmpl_var name='spam_modifies_subj_txt'}</label>
<select name="spam_modifies_subj" id="spam_modifies_subj" class="selectInput">
<select name="spam_modifies_subj" id="spam_modifies_subj" class="selectInput formLengthBool">
{tmpl_var name='spam_modifies_subj'}
</select>
</div>
......
......@@ -13,7 +13,7 @@
</div>
<div class="ctrlHolder">
<label for="priority">{tmpl_var name='priority_txt'}</label>
<select name="priority" id="priority" class="selectInput">
<select name="priority" id="priority" class="selectInput formLengthLimit">
{tmpl_var name='priority'}
</select>
</div>
......@@ -33,7 +33,7 @@
</div>
<div class="ctrlHolder">
<label for="local">{tmpl_var name='local_txt'}</label>
<select name="local" id="local" class="selectInput">
<select name="local" id="local" class="selectInput formLengthBool">
{tmpl_var name='local'}
</select>
</div>
......
......@@ -25,7 +25,7 @@
</div>
<div class="ctrlHolder">
<label for="priority">{tmpl_var name='priority_txt'}</label>
<select name="priority" id="priority" class="selectInput">
<select name="priority" id="priority" class="selectInput formLengthHalf">
{tmpl_var name='priority'}
</select>
</div>
......
......@@ -293,9 +293,27 @@
}
.textDisplay { display: block; }
select#language { width: 100px; }
.panel_dns_soa * input#refresh, .panel_dns_soa * input#retry, .panel_dns_soa * input#expire, .panel_dns_soa * input#minimum, .panel_dns_soa * input#ttl { width: 100px; }
/* Form Length Classes */
.textInput.formLengthBool { width: 25px !important; }
.selectInput.formLengthBool { width: 60px !important; }
.textInput.formLengthLimit { width: 50px !important; }
.selectInput.formLengthLimit { width: 85px !important; }
.formLengthDate { width: 75px !important; }
.formLengthIPv4 { width: 125px !important; }
.formLengthIPv6 { width: 100% !important; }
.formLengthEmailUser { width: 30% !important; }
.formLengthEmailDomain { width: 30% !important; }
.formLengthHalf { width: 15% !important; }
.formLengthDouble { width: 50% !important; }
/* Individual Form Lengths */
.textInput#username, .textInput#password, .textInput#passwort, .textInput#source_password { width: 100px; }
.selectInput#language { width: 75px; }
.selectInput#client_group_id { width: 125px; }
input#refresh, input#retry, input#expire, input#minimum, input#ttl { width: 50px !important; }
/* --- */
a[href $='#logout'] { padding-right: 18px; background: transparent url("../../icons/x16/logout.png") no-repeat right top !important; }
/* Select Menu with Images */
......
......@@ -38,20 +38,20 @@
.uniForm .textInput,
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload{ width: 53%; /* <- Required property */ }
.uniForm .blockLabels .fileUpload{ width: 43%; /* <- Required property */ }
.uniForm .selectInput,
.uniForm select,
.uniForm .blockLabels .selectInput,
.uniForm .blockLabels select{ width: 53.5%; /* <- Required property */ }
.uniForm .blockLabels select{ width: 43.5%; /* <- Required property */ }
.uniForm textarea,
.uniForm .blockLabels textarea{ width: 53%; /* <- Required property */ height: 12em; }
.uniForm .blockLabels textarea{ width: 43%; /* <- Required property */ height: 12em; }
.uniForm .formHint,
.uniForm .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }
.uniForm .blockLabels .formHint{ width: 35%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }
.uniForm .multiField,
.uniForm .blockLabels .multiField{ width: 53%; }
.uniForm .blockLabels .multiField{ width: 43%; }
.uniForm .multiField .inlineLabel,
.uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
.uniForm .multiField .blockLabel,
......@@ -69,19 +69,19 @@
.uniForm .inlineLabels .ctrlHolder{}
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{ width: 45%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }
.uniForm .inlineLabels .label{ width: 35%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload{ width: 45%; /* <- Required property */ }
.uniForm .inlineLabels .fileUpload{ width: 35%; /* <- Required property */ }
.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select{ width: 45%; /* <- Required property */ }
.uniForm .inlineLabels select{ width: 35%; /* <- Required property */ }
.uniForm .inlineLabels textarea{ width: 45%; /* <- Required property */ height: 12em; }
.uniForm .inlineLabels textarea{ width: 35%; /* <- Required property */ height: 12em; }
.uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 47%; font-size: .9em; color: #777; position: static; }
.uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 37%; font-size: .9em; color: #777; position: static; }
.uniForm .inlineLabels .multiField{ width: 45%; /* <- Required property */ margin: 0 0 .3em 0; }
.uniForm .inlineLabels .multiField{ width: 60%; /* <- Required property */ margin: 0 0 .3em 0; }
.uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
.uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
.uniForm .inlineLabels .multiField .blockLabel .textInput,
......@@ -94,10 +94,10 @@
.uniForm div.focused .formHint{ color: #333; }
/* Columns (they are floated left by default) */
.uniForm .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; }
.uniForm .col{ width: 37.9%; /* <- Required property */ margin: 0 2% 20px 0; }
/* Use .first and .last classes to control the layout/spacing of your columns */
.uniForm .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; }
.uniForm .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; }
.uniForm .col.first{ width: 39%; /* <- Required property */ float: left; clear: none; }
.uniForm .col.last{ width: 39%; /* <- Required property */ float: right; clear: none; margin-right: 0; }
/* Messages */
.uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment