Bug 1403853 - Hide the menu button separator in popup windows. r=nhnt11
authorDão Gottwald <dao@mozilla.com>
Thu, 28 Sep 2017 10:19:23 +0200
changeset 383451 d2b369de68ee0aa889f112469b27ab19224633c2
parent 383450 e0adce5b62a4f10f346b95f51f2553b7ce320109
child 383452 5fce48b39d5838eb91e2a0441b44bf256d956097
push id52233
push userdgottwald@mozilla.com
push dateThu, 28 Sep 2017 08:50:56 +0000
treeherderautoland@d2b369de68ee [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersnhnt11
bugs1403853
milestone58.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 1403853 - Hide the menu button separator in popup windows. r=nhnt11 MozReview-Commit-ID: HxAC8oXcQOn
browser/themes/shared/customizableui/panelUI.inc.css
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -87,24 +87,24 @@
   /* These values are adjusted for the padding and height of the panel. */
   from { margin-top: -.5em; } to { margin-top: calc(64px - .5em); }
 }
 
 @keyframes whimsyRotate {
   to { transform: perspective(5000px) rotateY(360deg); }
 }
 
-:root:not([uidensity=compact]) #PanelUI-button {
+:root:not([uidensity=compact]):not([chromehidden~="toolbar"]) #PanelUI-button {
   margin-inline-start: 3px;
   border-inline-start: 1px solid;
   border-image: linear-gradient(transparent 4px, rgba(0,0,0,.1) 4px, rgba(0,0,0,.1) calc(100% - 4px), transparent calc(100% - 4px));
   border-image-slice: 1;
 }
 
-:root:not([uidensity=compact]) #nav-bar[brighttext] > #PanelUI-button {
+:root:not([uidensity=compact]):not([chromehidden~="toolbar"]) #nav-bar[brighttext] > #PanelUI-button {
   border-image-source: linear-gradient(transparent 4px, rgba(100%,100%,100%,.2) 4px, rgba(100%,100%,100%,.2) calc(100% - 4px), transparent calc(100% - 4px));
 }
 
 #PanelUI-menu-button[badge-status] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
   display: -moz-box;
   height: 10px;
   width: 10px;
   background-size: contain;