Bug 1556823 - Fix the textbox[type="number"] appearance in the prefs. r=aceman
authorRichard Marti <richard.marti@gmail.com>
Tue, 04 Jun 2019 21:18:14 +0200
changeset 35767 653cffcb9c305b8a3db751210cc84c991b9298c8
parent 35766 72186adac207b27578a212a09fb4da7a235d97df
child 35768 0146e4f2fdaf0c60393d24808e76047e0b7ee32a
push id392
push userclokep@gmail.com
push dateMon, 02 Sep 2019 20:17:19 +0000
reviewersaceman
bugs1556823
Bug 1556823 - Fix the textbox[type="number"] appearance in the prefs. r=aceman
mail/themes/osx/mail/preferences/aboutPreferences.css
mail/themes/shared/mail/incontentprefs/aboutPreferences.css
mail/themes/windows/mail/preferences/aboutPreferences.css
--- a/mail/themes/osx/mail/preferences/aboutPreferences.css
+++ b/mail/themes/osx/mail/preferences/aboutPreferences.css
@@ -33,20 +33,16 @@ textbox[type="number"] {
 }
 
 textbox[type="number"]:focus-within {
   border-color: var(--in-content-border-active);
   box-shadow: 0 0 0 1px var(--in-content-border-active),
               0 0 0 4px var(--in-content-border-active-shadow);
 }
 
-html|input[type="number"] {
-  border-width: 0;
-}
-
 html|input[type="number"]:focus {
   box-shadow: none;
 }
 
 html|input[type="number"]::-moz-number-spin-up,
 html|input[type="number"]::-moz-number-spin-down {
   min-height: 11px;
 }
--- a/mail/themes/shared/mail/incontentprefs/aboutPreferences.css
+++ b/mail/themes/shared/mail/incontentprefs/aboutPreferences.css
@@ -266,18 +266,20 @@ textbox[type="filefield"][disabled="true
   color: var(--in-content-text-color);
 }
 
 textbox + button {
   margin-inline-start: -4px;
 }
 
 html|input[type="number"] {
+  margin: 0;
   padding: 0;
   padding-inline-end: 1px;
+  border-width: 0;
 }
 
 html|input[type="number"]::-moz-number-spin-box {
   margin-inline-start: 10px;
 }
 
 html|input[type="number"]::-moz-number-spin-up,
 html|input[type="number"]::-moz-number-spin-down {
--- a/mail/themes/windows/mail/preferences/aboutPreferences.css
+++ b/mail/themes/windows/mail/preferences/aboutPreferences.css
@@ -27,20 +27,16 @@ html|h2 {
 }
 
 textbox[type="number"]:focus-within {
   border-color: var(--in-content-border-active);
   box-shadow: 0 0 0 1px var(--in-content-border-active),
               0 0 0 4px var(--in-content-border-active-shadow);
 }
 
-html|input[type="number"] {
-  border-width: 0;
-}
-
 html|input[type="number"]:focus {
   box-shadow: none;
 }
 
 html|input[type="number"]::-moz-number-spin-up,
 html|input[type="number"]::-moz-number-spin-down {
   min-height: 13px;
 }