Bug 1391646 - Make preferences search bar border become square r?timdream draft
authorRicky Chien <ricky060709@gmail.com>
Mon, 21 Aug 2017 11:54:11 +0800
changeset 652717 8f785fb65116cfe05793bcb43319b42f9cf48050
parent 652622 2306e153fba9ca55726ffcce889eaca7a479c29f
child 728159 8c7d8a33cb856c09454124a584d2dcc3869a42f9
push id76131
push userbmo:rchien@mozilla.com
push dateFri, 25 Aug 2017 04:10:37 +0000
reviewerstimdream
bugs1391646
milestone57.0a1
Bug 1391646 - Make preferences search bar border become square r?timdream According to the Photon Preferences visual spec, search field of about:preferences should be styled with square border.
browser/themes/shared/incontentprefs/preferences.inc.css
toolkit/themes/shared/in-content/common.inc.css
--- a/browser/themes/shared/incontentprefs/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs/preferences.inc.css
@@ -99,16 +99,20 @@ separator.thin:not([orient="vertical"]) 
   white-space: nowrap;
 }
 
 .accessory-button {
   min-width: 145px;
   margin: 2px 0;
 }
 
+#searchInput {
+  border-radius: 0;
+}
+
 /* Subcategory title */
 
 /**
  * The first subcategory title for each category should not have margin-top.
  */
 
 .subcategory:not([hidden]) ~ .subcategory {
   margin-top: 32px;
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -757,27 +757,23 @@ xul|*.fileFieldIcon {
   margin-inline-end: 0;
 }
 
 xul|*.fileFieldLabel {
   margin-inline-start: -26px;
   padding-inline-start: 36px;
 }
 
-xul|textbox:-moz-locale-dir(rtl),
 xul|*.fileFieldLabel:-moz-locale-dir(rtl),
-xul|textbox + xul|button:-moz-locale-dir(ltr),
 xul|filefield + xul|button:-moz-locale-dir(ltr) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
-xul|textbox:-moz-locale-dir(ltr),
 xul|*.fileFieldLabel:-moz-locale-dir(ltr),
-xul|textbox + xul|button:-moz-locale-dir(rtl),
 xul|filefield + xul|button:-moz-locale-dir(rtl) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 xul|filefield + xul|button {
   border-inline-start: none;
 }