Bug 1383473 - Minor Styling fixes in the hamburger menu. r=Gijs
authorErica Wright <ewright@mozilla.com>
Wed, 02 Aug 2017 17:03:49 -0400
changeset 372932 ebaccd4031d2e487300a24155b8ca57767d028b3
parent 372931 00b9e03ce554a5a7af93893b26ff5454c0337e8c
child 372933 274953221bdfcec279aa53c02d1aa96d441a4359
push id48044
push usergijskruitbosch@gmail.com
push dateFri, 04 Aug 2017 17:19:24 +0000
treeherderautoland@ebaccd4031d2 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1383473
milestone57.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 1383473 - Minor Styling fixes in the hamburger menu. r=Gijs MozReview-Commit-ID: 2XJau2Yc63m
browser/themes/shared/customizableui/panelUI.inc.css
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -352,17 +352,17 @@ photonpanelmultiview panelview {
 }
 
 /* Add 2 * 12px extra width for touch mode button padding. */
 #appMenu-popup[touchmode] panelview {
   min-width: calc(@menuPanelWidth@ + 24px);
 }
 
 photonpanelmultiview .panel-subview-body {
-  margin: 4px 0;
+  padding: 6px 0;
 }
 
 /* END photonpanelview adjustments */
 
 .cui-widget-panel.cui-widget-panelWithFooter > .panel-arrowcontainer > .panel-arrowcontent {
   padding-bottom: 0;
 }
 
@@ -1217,20 +1217,21 @@ panelview:not([mainView]) .subviewbutton
   color: GrayText;
 }
 
 .PanelUI-subView .subviewbutton-nav::after {
   -moz-context-properties: fill;
   content: url(chrome://browser/skin/back-12.svg);
   fill: GrayText;
   float: right;
+  transform: translateY(1px);
 }
 
 .PanelUI-subView .subviewbutton-nav:-moz-locale-dir(ltr)::after {
-  transform: scaleX(-1);
+  transform: scaleX(-1) translateY(1px);
 }
 
 .subviewbutton[shortcut]::after,
 .subviewbutton[shortcut]::after,
 .PanelUI-subView .subviewbutton-nav::after {
   margin-inline-start: 10px;
 }
 
@@ -1403,17 +1404,17 @@ menuitem.subviewbutton@menuStateActive@,
 .widget-overflow-list .toolbarbutton-1@buttonStateActive@,
 .toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton@buttonStateActive@ {
   background-color: var(--arrowpanel-dimmed-further);
   border-color: var(--panel-separator-color);
   box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset;
 }
 
 .subviewbutton.panel-subview-footer {
-  margin: 4px -4px -4px;
+  margin: 0;
   background-color: var(--arrowpanel-dimmed);
   border-top: 1px solid var(--panel-separator-color);
   border-radius: 0;
 }
 
 menuitem.panel-subview-footer@menuStateHover@,
 .subviewbutton.panel-subview-footer@buttonStateHover@ {
   background-color: var(--arrowpanel-dimmed-further);
@@ -1496,18 +1497,18 @@ menuitem.panel-subview-footer@menuStateA
   margin-right: 10px;
 }
 
 .PanelUI-subView toolbarseparator[orient="vertical"] {
   height: 24px;
   border-inline-start: 1px solid var(--panel-separator-color);
   border-top: none;
   margin: 0;
-  margin-inline-start: 4px;
-  margin-inline-end: 5px;
+  margin-inline-start: 6px;
+  margin-inline-end: 7px;
 }
 
 .subviewbutton > .menu-accel-container {
   -moz-box-pack: start;
   margin-inline-start: 10px;
   margin-inline-end: auto;
   color: GrayText;
 }