Bug 1354145 - adjust sizing of header and margins/paddings on palette, r?mikedeboer draft
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Tue, 27 Jun 2017 17:09:54 +0100
changeset 601991 68d201ab3838538381cf268eee47cb791558cd01
parent 601990 72322305b4d7b1e9e1321b356a3fee93f252aa9d
child 635414 0e764cb64a63f97f56b899b9aa4f5e3b2da09feb
push id66228
push usergijskruitbosch@gmail.com
push dateThu, 29 Jun 2017 08:56:09 +0000
reviewersmikedeboer
bugs1354145
milestone56.0a1
Bug 1354145 - adjust sizing of header and margins/paddings on palette, r?mikedeboer MozReview-Commit-ID: 579qZgfEWi9
browser/themes/shared/customizableui/customizeMode.inc.css
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -112,35 +112,40 @@
   background-color: -moz-field;
   color: -moz-fieldText;
 %endif
   text-shadow: none;
 }
 
 #customization-palette,
 #customization-empty {
-  padding: 5px 25px 25px;
+  padding: 5px 20px 20px;
 }
 
 #customization-header {
+%ifdef MOZ_PHOTON_THEME;
+  border-bottom: 1px solid ThreeDLightShadow;
   font-size: 1.75em;
   line-height: 1.75em;
   color: GrayText;
   font-weight: 200;
-  margin: 25px 25px 12px;
   padding-bottom: 12px;
-  border-bottom: 1px solid ThreeDLightShadow;
+%else
+  font-weight: 600;
+  font-size: 1.2em;
+%endif
+  margin: 20px 20px 15px;
 }
 
 #customization-panel-container {
 %ifndef MOZ_PHOTON_THEME
   padding: 15px 25px 25px;
   background-image: linear-gradient(to bottom, #3e86ce, #3878ba);
 %else
-  padding: 0 25px 25px;
+  padding: 0 20px 25px;
 %endif
 }
 
 %ifndef MOZ_PHOTON_THEME
 #main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox,
 #customization-footer {
   background-color: -moz-dialog;
 }
@@ -328,17 +333,17 @@ toolbarpaletteitem[place="toolbar"] {
   margin-left: 0;
 }
 #widget-overflow-fixed-list > toolbarpaletteitem[place="panel"] {
   border-top: 0px solid transparent;
   border-bottom: 0px solid transparent;
 }
 
 #customization-palette:not([hidden]) {
-  margin-bottom: 25px;
+  margin-bottom: 20px;
 }
 
 toolbarpaletteitem[place="palette"]:-moz-focusring,
 toolbarpaletteitem[place="panel"]:-moz-focusring,
 toolbarpaletteitem[place="toolbar"]:-moz-focusring {
   outline-width: 0;
 }