fifth part of syncing LCARStrek with Firefox 34 windows theme changes
[themes.git] / LCARStrek / browser / customizableui / panelUIOverlay.css
index 26ee2bc1da82f356626633f24695951a47466b71..1f0c04a92c7368096009b8b7e1a312c2a0d35ab1 100644 (file)
@@ -83,7 +83,6 @@
 
 .panel-subviews {
   padding: 4px;
-  background-color: #000000;
   -moz-margin-start: 38px;
 }
 
@@ -240,7 +239,7 @@ panelview:not([mainview]) .toolbarbutton-text,
 
 #PanelUI-contents {
   display: block;
-  flex: 1 0 auto;
+  flex: 1 0 main-size;
   margin-left: auto;
   margin-right: auto;
   max-width: 22.35em;
@@ -868,13 +867,13 @@ toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button
 
 toolbarbutton[panel-multiview-anchor="true"] {
   background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
-  background-position: right 5px center;
+  background-position: right calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center;
   background-repeat: no-repeat;
 }
 
 toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) {
   background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png");
-  background-position: left 5px center;
+  background-position: left calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center;
 }
 
 toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
@@ -1065,6 +1064,17 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
   color: #FF9F00;
 }
 
+#customizationui-widget-multiview[mainViewId="PanelUI-panicView"] > .panel-viewcontainer,
+#customizationui-widget-multiview[mainViewId="PanelUI-panicView"] > .panel-viewcontainer > .panel-viewstack,
+#customizationui-widget-multiview[mainViewId="PanelUI-panicView"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview,
+/* NB: currentsubview attribute is temporary as a safe workaround for a layout problem with this
+ * panel. Do not rely on it, it *will* go away again. */
+#PanelUI-multiView[currentsubview="PanelUI-panicView"] > .panel-viewcontainer > .panel-viewstack > .panel-subviews,
+#PanelUI-panicView > .panel-subview-body,
+#PanelUI-panicView {
+  overflow: visible;
+}
+
 #PanelUI-panicView.cui-widget-panelview {
   min-width: 280px;
 }
@@ -1212,6 +1222,10 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
 
 /* === END panelUIOverlay.inc.css === */
 
+.panel-subviews {
+  background-color: #000000;
+}
+
 #PanelUI-contents #zoom-out-btn {
   padding-left: 12px;
   padding-right: 12px;
@@ -1247,10 +1261,6 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
 /*  padding-top: 4px;*/
 }
 
-#BMB_bookmarksPopup .menu-text {
-/*  color: #000;*/
-}
-
 /* bookmark panel separator */
 #BMB_bookmarksPopup menuseparator {
   padding-top: 0;
@@ -1290,6 +1300,10 @@ menuitem[type="checkbox"].subviewbutton {
   height: 18px;
 }
 
+menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) {
+/*  transform: scaleX(-1); */
+}
+
 .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
   padding: 0 6px;
 }
@@ -1302,10 +1316,6 @@ menuitem[type="checkbox"].subviewbutton {
   -moz-padding-start: 0;
 }
 
-.subviewbutton.bookmark-item > .toolbarbutton-icon {
-  -moz-margin-start: 3px;
-}
-
 /* subviewbutton entries for social sidebars have images that come from external
 /* sources, and are not guaranteed to be the size we want, so force the size on
 /* those icons. */