Bug 1079098 - Add a visible hover feedback on panelUI with high contrast theme. r=Gijs
authorRichard Marti <richard.marti@gmail.com>
Tue, 27 Jan 2015 23:40:19 -0800
changeset 239445 6fbc7d37e16b7f2fa16b35f09a851ee5b5cfd434
parent 239444 ed2ce8c2801fbbaa60140ed0f67b49680b6777ac
child 239446 c93764d04a2401b64fa1b5044b462db7917cc63c
push id497
push usermleibovic@mozilla.com
push dateWed, 28 Jan 2015 16:43:37 +0000
reviewersGijs
bugs1079098
milestone38.0a1
Bug 1079098 - Add a visible hover feedback on panelUI with high contrast theme. r=Gijs
browser/themes/windows/customizableui/panelUIOverlay.css
--- a/browser/themes/windows/customizableui/panelUIOverlay.css
+++ b/browser/themes/windows/customizableui/panelUIOverlay.css
@@ -135,8 +135,100 @@ menu.subviewbutton > .menu-right:-moz-lo
     #zoom-controls@inAnyPanel@,
     #edit-controls@inAnyPanel@ > toolbarbutton,
     #zoom-controls@inAnyPanel@ > toolbarbutton {
       border-radius: 0;
     }
   }
 }
 %endif
+
+@media not all and (-moz-windows-default-theme) {
+  #edit-controls@inAnyPanel@ > #copy-button,
+  #zoom-controls@inAnyPanel@ > #zoom-reset-button,
+  .toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton {
+    border: 1px solid transparent;
+  }
+
+  panelview .toolbarbutton-1@buttonStateHover@,
+  toolbarbutton.subviewbutton@buttonStateHover@,
+  menu.subviewbutton@menuStateHover@,
+  menuitem.subviewbutton@menuStateHover@,
+  .widget-overflow-list .toolbarbutton-1@buttonStateHover@,
+  .toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton@buttonStateHover@ {
+    border-color: ThreeDLightShadow !important;
+  }
+
+  panelview:not(#PanelUI-mainView) .toolbarbutton-1@buttonStateHover@,
+  toolbarbutton.subviewbutton@buttonStateHover@,
+  menu.subviewbutton@menuStateHover@,
+  menuitem.subviewbutton@menuStateHover@,
+  .widget-overflow-list .toolbarbutton-1@buttonStateHover@ {
+    background-color: Highlight;
+    color: highlighttext;
+  }
+
+  panelview .toolbarbutton-1:-moz-any(@buttonStateActive@,[checked=true]),
+  toolbarbutton.subviewbutton@buttonStateActive@,
+  menu.subviewbutton@menuStateActive@,
+  menuitem.subviewbutton@menuStateActive@,
+  .widget-overflow-list .toolbarbutton-1@buttonStateActive@,
+  .toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton@buttonStateActive@ {
+    background-color: Highlight;
+    border-color: ThreeDLightShadow;
+    color: highlighttext;
+    box-shadow: none;
+  }
+
+  panelview .toolbarbutton-1[disabled],
+  toolbarbutton.subviewbutton[disabled],
+  menu.subviewbutton[disabled],
+  menuitem.subviewbutton[disabled],
+  .widget-overflow-list .toolbarbutton-1[disabled],
+  .toolbaritem-combined-buttons@inAnyPanel@ > toolbarbutton[disabled] {
+    text-shadow: none;
+  }
+
+  #PanelUI-fxa-status,
+  #PanelUI-help,
+  #PanelUI-customize {
+    border: 1px solid transparent;
+  }
+
+  #PanelUI-fxa-status:not([disabled]):hover,
+  #PanelUI-help:not([disabled]):hover,
+  #PanelUI-customize:hover,
+  #PanelUI-fxa-status:not([disabled]):hover:active,
+  #PanelUI-help:not([disabled]):hover:active,
+  #PanelUI-customize:hover:active {
+    border-color: ThreeDLightShadow;
+    box-shadow: none;
+  }
+
+  #BMB_bookmarksPopup .menu-text,
+  #BMB_bookmarksPopup menupopup {
+    color: -moz-FieldText;
+  }
+
+  #BMB_bookmarksPopup .subviewbutton[disabled=true] > .menu-text {
+    color: GrayText;
+  }
+
+  #BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
+    box-shadow: none;
+    background: -moz-field;
+    border: 1px solid ThreeDShadow;
+  }
+
+  .subviewbutton.panel-subview-footer,
+  #BMB_bookmarksPopup .subviewbutton.panel-subview-footer {
+    color: ButtonText;
+  }
+
+  .subviewbutton@menuStateHover@,
+  menuitem.panel-subview-footer@menuStateHover@,
+  .subviewbutton.panel-subview-footer@buttonStateHover@,
+  .subviewbutton.panel-subview-footer@buttonStateActive@,
+  #BMB_bookmarksPopup .panel-subview-footer@menuStateHover@ > .menu-text {
+    background-color: Highlight;
+    color: highlighttext !important;
+  }
+}