Bug 1383473 - Minor Styling fixes in the hamburger menu. r=Gijs
MozReview-Commit-ID: 2XJau2Yc63m
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -357,17 +357,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;
}
@@ -1243,20 +1243,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;
}
@@ -1429,17 +1430,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);
@@ -1522,18 +1523,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;
}