Bug 969963 - Grey out PanelUI-popup items when a subview is opened. r=mconley a=lsblakk
authorJared Wein <jwein@mozilla.com>
Sat, 29 Mar 2014 13:52:28 -0700
changeset 192418 9bb3be9de70823cb149415d3f3b1b4d1c9586c7b
parent 192417 4d98641e7bc1d65650cb92857694c2bb30384080
child 192419 629760276aaaa702df856bd514a276c13a43f1b7
push id474
push userasasaki@mozilla.com
push dateMon, 02 Jun 2014 21:01:02 +0000
treeherdermozilla-release@967f4cf1b31c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmconley, lsblakk
bugs969963
milestone30.0a2
Bug 969963 - Grey out PanelUI-popup items when a subview is opened. r=mconley a=lsblakk
browser/themes/shared/customizableui/panelUIOverlay.inc.css
--- a/browser/themes/shared/customizableui/panelUIOverlay.inc.css
+++ b/browser/themes/shared/customizableui/panelUIOverlay.inc.css
@@ -16,17 +16,17 @@
 %define buttonStateHover :not(:-moz-any([disabled],[open],:active)):hover
 %define menuStateHover :not(:-moz-any([disabled],:active))[_moz-menuactive]
 %define buttonStateActive :not([disabled]):-moz-any([open],:hover:active)
 %define menuStateActive :not([disabled])[_moz-menuactive]:active
 
 %include ../browser.inc
 
 #PanelUI-popup #PanelUI-contents:empty {
-    height: 128px;
+  height: 128px;
 }
 
 #PanelUI-popup #PanelUI-contents:empty::before {
   content: "";
   background-image: url(chrome://browser/skin/customizableui/whimsy-bw.png);
   display: block;
   width: 64px;
   height: 64px;
@@ -331,16 +331,26 @@ toolbaritem[cui-areatype="menu-panel"][s
   -moz-box-align: center;
   -moz-box-pack: center;
 }
 
 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe {
   margin: 4px auto;
 }
 
+#PanelUI-multiView[viewtype="subview"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview >  #PanelUI-mainView {
+  background-color: hsla(210,4%,10%,.1);
+}
+
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item,
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]),
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer {
+  opacity: .5;
+}
+
 /*
  * XXXgijs: this is a workaround for a layout issue that was caused by these iframes,
  * which was affecting subview display. Because of this, we're hiding the iframe *only*
  * when displaying a subview. The discerning user might notice this, but it's not nearly
  * as bad as the brokenness.
  * This hack should be removed once https://bugzilla.mozilla.org/show_bug.cgi?id=975375
  * is addressed.
  */