Bug 1586566 - Tweaks for the input type="number" to make the spinbuttons align better. r=aleca,jorgk DONTBUILD

This commit is contained in:
Richard Marti 2019-10-08 11:43:51 +02:00
Родитель 82eae45e13
Коммит 47852c89a9
13 изменённых файлов: 39 добавлений и 26 удалений

Просмотреть файл

@ -5,6 +5,10 @@
@import url("chrome://messenger/skin/shared/input-fields.css");
@namespace html url("http://www.w3.org/1999/xhtml");
html|input.input-inline {
padding-inline-start: 4px;
}
html|input.input-filefield {
padding: 5px 6px;
padding-inline-start: 25px !important;

Просмотреть файл

@ -24,6 +24,10 @@ menulist.actionsMenu > .menulist-dropmarker {
margin-bottom: 11px;
}
html|input[type="number"]::-moz-number-spin-box {
margin-inline-end: 0;
}
html|input[type="number"]::-moz-number-spin-up {
min-height: 10px;
}

Просмотреть файл

@ -5,6 +5,10 @@
@import url("chrome://messenger/skin/shared/input-fields.css");
@namespace html url("http://www.w3.org/1999/xhtml");
html|input.input-inline {
padding-inline-start: 4px;
}
html|input.input-filefield {
padding: 2px 4px;
background: center left 2px / 16px no-repeat -moz-field;

Просмотреть файл

@ -98,9 +98,6 @@ treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-im) {
width: 100%;
}
input[type="number"] {
margin-inline-start: 4px;
}
input[type="number"].size2 {
width: calc(2ch + 30px);
}

Просмотреть файл

@ -5,12 +5,6 @@
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
html|input.input-inline {
margin: 2px 4px;
padding: 2px 2px 3px;
padding-inline-start: 4px;
}
html|input.plain {
background-color: transparent;
}
@ -58,3 +52,8 @@ html|input[type="number"].input-number-inline {
padding: 2px 2px 3px;
margin-inline-start: 2px;
}
html|input[type="number"]::-moz-number-spin-box {
height: initial;
margin-inline-start: 2px;
}

Просмотреть файл

@ -520,7 +520,3 @@ html|input[type="number"].size4 {
html|input[type="number"].size5 {
width: calc(5ch + 44px);
}
html|input[type="number"]::-moz-number-spin-box {
height: initial;
}

Просмотреть файл

@ -5,6 +5,11 @@
@import url("chrome://messenger/skin/shared/input-fields.css");
@namespace html url("http://www.w3.org/1999/xhtml");
html|input.input-inline {
padding: 0;
padding-inline-start: 4px;
}
html|input.input-filefield {
background: center left 2px / 16px no-repeat -moz-dialog;
}

Просмотреть файл

@ -133,7 +133,7 @@
<label id="serverPortLabel" control="serverPort"
accesskey="&portNum.accesskey;"
value="&portNum.label;"/>
<html:input id="serverPort" type="number" class="size3" max="65535"/>
<html:input id="serverPort" type="number" class="size3 input-inline" max="65535"/>
<label id="defaultPortLabel" value="&defaultPortLabel.label;"/>
<label id="defaultPortValue" value="&defaultPortValue.label;"/>
</hbox>

Просмотреть файл

@ -61,7 +61,8 @@
prefstring="mail.smtpserver.%serverkey%.hostname"
aria-labelledby="smtp.hostname.label"/>
<hbox align="center">
<html:input id="smtp.port" type="number" class="size5" min="0" max="65535"
<html:input id="smtp.port" type="number" class="size5 input-inline"
min="0" max="65535"
preftype="int"
prefstring="mail.smtpserver.%serverkey%.port"/>
<label value="&serverPortDefault.label;"/>

Просмотреть файл

@ -7,6 +7,7 @@
<?xml-stylesheet href="chrome://messenger/skin/accountManage.css" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/messenger.css" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/input-fields.css" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/folderMenus.css" type="text/css"?>
<!DOCTYPE window [
@ -197,7 +198,7 @@
accesskey="&purge1.accesskey;"
oncommand="updateJunkRetention();"
label="&purge1.label;"/>
<html:input id="server.purgeSpamInterval" type="number" class="size3" min="1"
<html:input id="server.purgeSpamInterval" type="number" class="size3 input-inline" min="1"
genericattr="true"
pref="true"
wsm_persist="true"

Просмотреть файл

@ -3,6 +3,7 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<?xml-stylesheet href="chrome://messenger/skin/input-fields.css" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/accountManage.css" type="text/css"?>
<!DOCTYPE window SYSTEM "chrome://messenger/locale/am-offline.dtd">
@ -64,7 +65,7 @@
<hbox flex="1" align="center">
<radio id="useAutosync.ByAge" accesskey="&ageAutosync.accesskey;"
value="1" label="&ageAutosyncBefore.label;" oncommand="onAutosyncChange();"/>
<html:input id="autosyncValue" type="number" class="size4 autosync" min="1"
<html:input id="autosyncValue" type="number" class="size4 input-inline autosync" min="1"
onchange="onAutosyncChange();"
aria-labelledby="ageAutosyncBefore autosyncValue ageAutosyncMiddle autosyncInterval ageAutosyncAfter"/>
<label id="ageAutosyncMiddle" control="autosyncValue" value="&ageAutosyncMiddle.label;"/>
@ -96,7 +97,7 @@
label="&autosyncNotDownload.label;"
accesskey="&autosyncNotDownload.accesskey;"
oncommand="onAutosyncNotDownload();"/>
<html:input id="offline.notDownloadMin" type="number" class="size4"
<html:input id="offline.notDownloadMin" type="number" class="size4 input-inline"
min="1" value="50"
wsm_persist="true"
aria-labelledby="offline.notDownload offline.notDownloadMin kbLabel"/>
@ -108,7 +109,7 @@
label="&nntpDownloadMsg.label;"
accesskey="&nntpDownloadMsg.accesskey;"
oncommand="onCheckItem('nntp.downloadMsgMin', 'nntp.downloadMsg');"/>
<html:input id="nntp.downloadMsgMin" type="number" class="size2" min="1" value="30"
<html:input id="nntp.downloadMsgMin" type="number" class="size2 input-inline" min="1" value="30"
wsm_persist="true"
aria-labelledby="nntp.downloadMsg nntp.downloadMsgMin daysOldLabel"/>
<label value="&daysOld.label;" control="nntp.downloadMsgMin"
@ -128,7 +129,7 @@
<hbox flex="1" align="center">
<radio id="retention.keepNewMsg" accesskey="&retentionKeepRecent.accesskey;"
value="3" label="&retentionKeepRecent.label;" oncommand="onCheckKeepMsg();"/>
<html:input id="retention.keepNewMsgMin" type="number" class="size4"
<html:input id="retention.keepNewMsgMin" type="number" class="size4 input-inline"
min="1" value="2000"
aria-labelledby="retention.keepNewMsg retention.keepNewMsgMin newMsgLabel"/>
<label value="&message.label;" control="retention.keepNewMsgMin" id="newMsgLabel"/>
@ -136,7 +137,7 @@
<hbox flex="1" align="center">
<radio id="retention.keepOldMsg" accesskey="&retentionKeepMsg.accesskey;"
value="2" label="&retentionKeepMsg.label;" oncommand="onCheckKeepMsg();"/>
<html:input id="retention.keepOldMsgMin" type="number" class="size4" min="1" value="30"
<html:input id="retention.keepOldMsgMin" type="number" class="size4 input-inline" min="1" value="30"
aria-labelledby="retention.keepOldMsg retention.keepOldMsgMin oldMsgLabel"/>
<label value="&daysOld.label;" control="retention.keepOldMsgMin" id="oldMsgLabel"/>
</hbox>
@ -151,7 +152,7 @@
<hbox align="center" class="indent" hidefor="movemail,pop3,imap,none,rss">
<checkbox id="nntp.removeBody" accesskey="&nntpRemoveMsgBody.accesskey;"
label="&nntpRemoveMsgBody.label;" oncommand="onCheckItem('nntp.removeBodyMin', 'nntp.removeBody');"/>
<html:input id="nntp.removeBodyMin" type="number" class="size2" min="1" value="30"
<html:input id="nntp.removeBodyMin" type="number" class="size2 input-inline" min="1" value="30"
aria-labelledby="nntp.removeBody nntp.removeBodyMin daysOldMsg"/>
<label value="&daysOld.label;" control="nntp.removeBodyMin" id="daysOldMsg"/>
</hbox>

Просмотреть файл

@ -56,7 +56,8 @@
control="maximumConnectionsNumber"
value="&maximumConnectionsNumber.label;"
accesskey="&maximumConnectionsNumber.accesskey;"/>
<html:input id="maximumConnectionsNumber" type="number" class="size3"
<html:input id="maximumConnectionsNumber" type="number"
class="size3 input-inline"
min="1" max="1000"
amsa_persist="true"
aria-labelledby="maximumConnectionsNumberLabel"/>

Просмотреть файл

@ -170,7 +170,7 @@
oncommand="onCheckItem('server.biffMinutes', [this.id]);"
prefattribute="value"
prefstring="mail.server.%serverkey%.check_new_mail"/>
<html:input id="server.biffMinutes" type="number" class="size3" min="1"
<html:input id="server.biffMinutes" type="number" class="size3 input-inline" min="1"
wsm_persist="true"
aria-labelledby="server.doBiff server.biffMinutes biffEnd"
preftype="int"
@ -217,7 +217,7 @@
accesskey="&deleteByAgeFromServer.accesskey;"
prefattribute="value"
prefstring="mail.server.%serverkey%.delete_by_age_from_server"/>
<html:input id="pop3.numDaysToLeaveOnServer" type="number" class="size3" min="1"
<html:input id="pop3.numDaysToLeaveOnServer" type="number" class="size3 input-inline" min="1"
wsm_persist="true"
aria-labelledby="pop3.deleteByAgeFromServer pop3.numDaysToLeaveOnServer daysEnd"
preftype="int"
@ -338,7 +338,7 @@
oncommand="onCheckItem('nntp.maxArticles', [this.id]);"
prefattribute="value"
prefstring="mail.server.%serverkey%.notify.on"/>
<html:input id="nntp.maxArticles" type="number" class="size4" min="1"
<html:input id="nntp.maxArticles" type="number" class="size4 input-inline" min="1"
wsm_persist="true"
aria-labelledby="nntp.notifyOn nntp.maxArticles maxMessagesEnd"
preftype="int"