Bug 1354145 - adjust sizing of header and margins/paddings on palette, r=mikedeboer
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Tue, 27 Jun 2017 17:09:54 +0100
changeset 366583 99e8731d94f00ab7a58fb96f397db931a4ea1fb4
parent 366582 8b016e1da34dba7e42d07efca4e7b15a813fd99e
child 366584 b77dc8c1e68f0cd79f1d5d1038205b1183ba90b2
push id32104
push usercbook@mozilla.com
push dateThu, 29 Jun 2017 13:46:04 +0000
treeherdermozilla-central@d2aff6fc075d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmikedeboer
bugs1354145
milestone56.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
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;
 }