Bug 1002931- "Title bar" button in cust. mode has less left padding than the other footer buttons without icons. r=jaws. draft
authorRakhi Sharma <Rakhish1994@gmail.com>
Thu, 21 Jul 2016 00:21:08 +0530
changeset 400666 f1a2924b601b8c8ab0f4db15c19c6cf4010ad79c
parent 400665 d3a16cbeb54221c06c4d77db9e36e482effc7bc0
child 528282 ada342b68d3760a9d96a3de0b5e0200c484b37fe
push id26234
push userbmo:Rakhish1994@gmail.com
push dateMon, 15 Aug 2016 10:35:58 +0000
reviewersjaws
bugs1002931
milestone50.0a1
Bug 1002931- "Title bar" button in cust. mode has less left padding than the other footer buttons without icons. r=jaws. MozReview-Commit-ID: BWMEv2oVh5m
browser/themes/shared/customizableui/customizeMode.inc.css
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -121,24 +121,43 @@
   border-top: 1px solid rgb(221,221,221);
   padding: 10px;
 }
 
 .customizationmode-button {
   border: 1px solid rgb(192,192,192);
   border-radius: 3px;
   margin: 5px;
-  padding: 2px 12px;
+  padding: 2px 10px;
   background-color: rgb(251,251,251);
   color: rgb(71,71,71);
   box-shadow: 0 1px rgba(255, 255, 255, 0.5),
               inset 0 1px rgba(255, 255, 255, 0.5);
   -moz-appearance: none;
 }
 
+.customizationmode-button > .box-inherit {
+  border-width: 0;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+}
+
+.customizationmode-button > .button-icon {
+  margin-inline-start: 0;
+}
+
+.customizationmode-button:not([type=menu]) > .button-text {
+  margin-inline-end: 0;
+}
+
+.customizationmode-button > .button-menu-dropmarker {
+  margin-inline-end: 0;
+  padding-inline-end: 0;
+}
+
 #customization-titlebar-visibility-button[checked],
 #customization-devedition-theme-button[checked] {
   background-color: rgb(218, 218, 218);
   border-color: rgb(168, 168, 168);
   text-shadow: 0 1px rgb(236, 236, 236);
   box-shadow: 0 1px rgba(255, 255, 255, 0.5),
               inset 0 1px rgb(196, 196, 196);
 }
@@ -152,21 +171,16 @@
   height: 24px;
 }
 
 #customization-titlebar-visibility-button {
   list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
   -moz-image-region: rect(0, 24px, 24px, 0);
 }
 
-#customization-lwtheme-button,
-#customization-titlebar-visibility-button  {
-  padding: 2px 7px;
-}
-
 #customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
 #customization-titlebar-visibility-button > .button-box > .button-text {
   /* Sadly, button.css thinks its margins are perfect for everyone. */
   margin-inline-start: 6px !important;
 }
 
 #customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon {
   width: 20px;