Bug 909813 - Input autocomplete popup hover styling broken with Aero. r=dao, a=akeybl
authorRichard Marti <richard.marti@gmail.com>
Tue, 27 Aug 2013 22:06:29 +0200
changeset 153946 6057c8014078419bbfb3dde273fcf58bdfa2b353
parent 153945 40582abc4cd2f2da64ee8348d58616a632dbafed
child 153947 e484bfe5427eaae0dd67453603766a51f30cf06c
push id2859
push userakeybl@mozilla.com
push dateMon, 16 Sep 2013 19:14:59 +0000
treeherdermozilla-beta@87d3c51cd2bf [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, akeybl
bugs909813
milestone25.0a2
Bug 909813 - Input autocomplete popup hover styling broken with Aero. r=dao, a=akeybl
toolkit/themes/windows/global/tree-aero.css
--- a/toolkit/themes/windows/global/tree-aero.css
+++ b/toolkit/themes/windows/global/tree-aero.css
@@ -59,85 +59,85 @@ treechildren:-moz-locale-dir(rtl)::-moz-
   list-style-image: url("chrome://global/skin/tree/twisty-clsd-hover-rtl.png");
 }
 
 treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(hover, open) {
   list-style-image: url("chrome://global/skin/tree/twisty-open-hover-rtl.png");
 }
 
 @media (-moz-windows-default-theme) {
-  treechildren::-moz-tree-row {
+  treechildren:not(.autocomplete-treebody)::-moz-tree-row {
     height: 1.8em;
     color: -moz-FieldText;
     -moz-margin-start: 1px;
     -moz-margin-end: 1px;
     border-width: 2px;
     border-color: transparent;
     border-radius: 3px;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     -moz-outline-radius: 3px;
   }
 
-  treechildren::-moz-tree-row(selected) {
+  treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
     -moz-border-top-colors: @selectedBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-right-colors: @selectedBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-left-colors: @selectedBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-bottom-colors: @selectedBorderColor@ @whiteOpacityBottomBorderColor@;
     background-image: linear-gradient(@selectedGradientColor1@, @selectedGradientColor2@);
     background-color: transparent;
     outline: 1px solid @whiteOpacityBorderColor@;
   }
 
-  treechildren::-moz-tree-row(current, focus) {
+  treechildren:not(.autocomplete-treebody)::-moz-tree-row(current, focus) {
     border-style: solid;
     -moz-border-top-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-right-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-left-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-bottom-colors: @hoverAndFocusBorderColor@ @whiteOpacityBottomBorderColor@;
     outline: 1px solid @whiteOpacityBorderColor@;
   }
 
-  treechildren::-moz-tree-row(selected, focus),
+  treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus),
   treechildren::-moz-tree-row(dropOn) {
     -moz-border-top-colors: @selectedFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-right-colors: @selectedFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-left-colors: @selectedFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-bottom-colors: @selectedFocusBorderColor@ @whiteOpacityBottomBorderColor@;
     background-image: linear-gradient(@selectedFocusGradientColor1@, @selectedFocusGradientColor2@);
     background-color: transparent;
   }
 
-  treechildren::-moz-tree-row(selected, current, focus) {
+  treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus) {
     border-style: solid;
     -moz-border-top-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-right-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-left-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-bottom-colors: @hoverAndFocusBorderColor@ @whiteOpacityBottomBorderColor@;
     background-image: linear-gradient(@hoverAndCurrentFocusGradientColor1@, @hoverAndCurrentFocusGradientColor2@);
   }
 
-  treechildren::-moz-tree-row(hover) {
+  treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
     -moz-border-top-colors: @hoverBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-right-colors: @hoverBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-left-colors: @hoverBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-bottom-colors: @hoverBorderColor@ @whiteOpacityBottomBorderColor@;
     background-image: linear-gradient(@hoverGradientColor1@, @hoverGradientColor2@);
     outline: 1px solid @whiteOpacityBorderColor@;
   }
 
-  treechildren::-moz-tree-row(hover, current) {
+  treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, current) {
     -moz-border-top-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-right-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-left-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-bottom-colors: @hoverAndFocusBorderColor@ @whiteOpacityBottomBorderColor@;
     background-image: linear-gradient(@hoverGradientColor1@, @hoverGradientColor2@);
   }
 
-  treechildren::-moz-tree-row(hover, selected) {
+  treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, selected) {
     -moz-border-top-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-right-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-left-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
     -moz-border-bottom-colors: @hoverAndFocusBorderColor@ @whiteOpacityBottomBorderColor@;
     background-image: linear-gradient(@hoverAndCurrentFocusGradientColor1@, @hoverAndCurrentFocusGradientColor2@);
   }
 
   tree[disabled="true"] > treechildren::-moz-tree-row {
@@ -149,51 +149,51 @@ treechildren:-moz-locale-dir(rtl)::-moz-
   }
 
   treechildren::-moz-tree-cell(dropOn) {
     background-image: none;
     background-color: transparent;
     border-radius: 0;
   }
 
-  treechildren::-moz-tree-cell-text {
+  treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text {
     padding-bottom: initial;
     border-color: transparent;
     background-color: transparent;
   }
 
-  treechildren::-moz-tree-cell-text(selected, focus) {
+  treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected, focus) {
     color: -moz-DialogText;
   }
 
   @media (-moz-os-version: windows-win8) {
-    treechildren::-moz-tree-row {
+    treechildren:not(.autocomplete-treebody)::-moz-tree-row {
       border-width: 1px;
       border-radius: 0;
       -moz-outline-radius: 0;
     }
 
-    treechildren::-moz-tree-row(selected) {
+    treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
       background-image: linear-gradient(@selectedGradientColor2@, @selectedGradientColor2@);
     }
 
-    treechildren::-moz-tree-row(selected, focus),
+    treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus),
     treechildren::-moz-tree-row(dropOn) {
       background-image: linear-gradient(@selectedFocusGradientColor2@, @selectedFocusGradientColor2@);
     }
 
-    treechildren::-moz-tree-row(selected, current, focus) {
+    treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus) {
       background-image: linear-gradient(@hoverAndCurrentFocusGradientColor2@, @hoverAndCurrentFocusGradientColor2@);
     }
 
-    treechildren::-moz-tree-row(hover) {
+    treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
       background-image: linear-gradient(@hoverGradientColor2@, @hoverGradientColor2@);
     }
 
-    treechildren::-moz-tree-row(hover, current) {
+    treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, current) {
       background-image: linear-gradient(@hoverGradientColor2@, @hoverGradientColor2@);
     }
 
-    treechildren::-moz-tree-row(hover, selected) {
+    treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, selected) {
       background-image: linear-gradient(@hoverAndCurrentFocusGradientColor2@, @hoverAndCurrentFocusGradientColor2@);
     }
   }
 }