Improved design for #129 and #130

This commit is contained in:
djmaze 2021-08-27 12:54:11 +02:00
parent 2f87ada0c4
commit f192902827
2 changed files with 31 additions and 25 deletions

View file

@ -31,7 +31,7 @@
<input type="url" <input type="url"
data-bind="value: value, attr: {placeholder: placeholder}" /> data-bind="value: value, attr: {placeholder: placeholder}" />
<!-- /ko --> <!-- /ko -->
<span tabindex="0" class="help-block" data-bind="visible: '' !== Desc"> <!-- ko if: '' !== Desc -->
<span data-bind="text: Desc"></span> <span tabindex="0" class="help-block"><span data-bind="text: Desc"></span></span>
</span> <!-- /ko -->
</div> </div>

View file

@ -33,6 +33,15 @@
<input type="text" class="span3" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" <input type="text" class="span3" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="textInput: imapServer, hasfocus: imapServerFocus" /> data-bind="textInput: imapServer, hasfocus: imapServerFocus" />
</div> </div>
<div class="span2">
<span data-i18n="POPUPS_DOMAIN/LABEL_SECURE"></span>
<br />
<select class="span2" data-bind="value: imapSecure">
<option value="0" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_NONE"></option>
<option value="1" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_SSL"></option>
<option value="2" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_STARTTLS"></option>
</select>
</div>
<div class="span2"> <div class="span2">
<span data-i18n="POPUPS_DOMAIN/LABEL_PORT"></span> <span data-i18n="POPUPS_DOMAIN/LABEL_PORT"></span>
<br /> <br />
@ -40,14 +49,7 @@
style="width:6em" data-bind="textInput: imapPort" /> style="width:6em" data-bind="textInput: imapPort" />
</div> </div>
</div> </div>
<span data-i18n="POPUPS_DOMAIN/LABEL_SECURE"></span>
<br /> <br />
<select data-bind="value: imapSecure">
<option value="0" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_NONE"></option>
<option value="1" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_SSL"></option>
<option value="2" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_STARTTLS"></option>
</select>
<br /><br />
<div data-bind="component: { <div data-bind="component: {
name: 'Checkbox', name: 'Checkbox',
params: { params: {
@ -73,6 +75,15 @@
<input type="text" class="span3" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" <input type="text" class="span3" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="textInput: smtpServer, hasfocus: smtpServerFocus" /> data-bind="textInput: smtpServer, hasfocus: smtpServerFocus" />
</div> </div>
<div class="span2">
<span data-i18n="POPUPS_DOMAIN/LABEL_SECURE"></span>
<br />
<select class="span2" data-bind="value: smtpSecure">
<option value="0" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_NONE"></option>
<option value="1" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_SSL"></option>
<option value="2" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_STARTTLS"></option>
</select>
</div>
<div class="span2"> <div class="span2">
<span data-i18n="POPUPS_DOMAIN/LABEL_PORT"></span> <span data-i18n="POPUPS_DOMAIN/LABEL_PORT"></span>
<br /> <br />
@ -80,14 +91,7 @@
style="width:6em" data-bind="textInput: smtpPort" /> style="width:6em" data-bind="textInput: smtpPort" />
</div> </div>
</div> </div>
<span data-i18n="POPUPS_DOMAIN/LABEL_SECURE"></span>
<br /> <br />
<select data-bind="value: smtpSecure">
<option value="0" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_NONE"></option>
<option value="1" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_SSL"></option>
<option value="2" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_STARTTLS"></option>
</select>
<br /><br />
<div data-bind="component: { <div data-bind="component: {
name: 'Checkbox', name: 'Checkbox',
params: { params: {
@ -154,20 +158,22 @@
<input type="text" class="span3" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" <input type="text" class="span3" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="textInput: sieveServer, hasfocus: sieveServerFocus" /> data-bind="textInput: sieveServer, hasfocus: sieveServerFocus" />
</div> </div>
<div class="span1"> <div class="span2">
<span data-i18n="POPUPS_DOMAIN/LABEL_SECURE"></span>
<br />
<select class="span2" data-bind="value: sieveSecure">
<option value="0" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_NONE"></option>
<option value="1" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_SSL"></option>
<option value="2" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_STARTTLS"></option>
</select>
</div>
<div class="span2">
<span data-i18n="POPUPS_DOMAIN/LABEL_PORT"></span> <span data-i18n="POPUPS_DOMAIN/LABEL_PORT"></span>
<br /> <br />
<input type="number" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" <input type="number" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
style="width:6em" data-bind="textInput: sievePort" /> style="width:6em" data-bind="textInput: sievePort" />
</div> </div>
</div> </div>
<span data-i18n="POPUPS_DOMAIN/LABEL_SECURE"></span>
<br />
<select data-bind="value: sieveSecure">
<option value="0" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_NONE"></option>
<option value="1" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_SSL"></option>
<option value="2" data-i18n="POPUPS_DOMAIN/SECURE_OPTION_STARTTLS"></option>
</select>
</div> </div>
</div> </div>