Bug 1516450 - Distinguish between hovered and selected tree items with dark theme. r=jorgk
authorRichard Marti <richard.marti@gmail.com>
Wed, 26 Dec 2018 19:25:12 +0100
changeset 33205 725ae892a776
parent 33204 7950e082870e
child 33206 4b5dd8656307
push id2368
push userclokep@gmail.com
push dateMon, 28 Jan 2019 21:12:50 +0000
treeherdercomm-beta@56d23c07d815 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjorgk
bugs1516450
Bug 1516450 - Distinguish between hovered and selected tree items with dark theme. r=jorgk
mail/themes/shared/mail/messenger.css
mail/themes/windows/mail/messenger.css
--- a/mail/themes/shared/mail/messenger.css
+++ b/mail/themes/shared/mail/messenger.css
@@ -103,22 +103,18 @@ toolbar[printpreview="true"] {
 
 :root[lwt-tree] treechildren::-moz-tree-image,
 :root[lwt-tree] treechildren::-moz-tree-twisty,
 :root[lwt-tree] #threadTree treechildren::-moz-tree-cell-text(untagged),
 :root[lwt-tree] tree:not(#threadTree) treechildren::-moz-tree-cell-text {
   color: var(--sidebar-text-color);
 }
 
-:root[lwt-tree] treechildren::-moz-tree-image(hover),
-:root[lwt-tree] treechildren::-moz-tree-twisty(hover),
 :root[lwt-tree] treechildren::-moz-tree-image(selected),
 :root[lwt-tree] treechildren::-moz-tree-twisty(selected),
-:root[lwt-tree] #threadTree treechildren::-moz-tree-cell-text(untagged, hover),
-:root[lwt-tree] tree:not(#threadTree) treechildren::-moz-tree-cell-text(hover),
 :root[lwt-tree] #threadTree treechildren::-moz-tree-cell-text(untagged, selected),
 :root[lwt-tree] tree:not(#threadTree) treechildren::-moz-tree-cell-text(selected) {
   color: var(--sidebar-highlight-text-color, var(--sidebar-text-color));
 }
 
 :root[lwt-tree] treechildren::-moz-tree-line {
   border-color: var(--sidebar-text-color);
 }
--- a/mail/themes/windows/mail/messenger.css
+++ b/mail/themes/windows/mail/messenger.css
@@ -503,26 +503,29 @@ treechildren::-moz-tree-indentation {
   border-color: var(--sidebar-highlight-background-color, hsla(0,0%,80%,.6));
   outline: none;
 }
 
 :root[lwt-tree-brighttext] treechildren::-moz-tree-row(current, focus) {
   border-color: var(--sidebar-highlight-background-color, rgba(249,249,250,.3));
 }
 
-:root[lwt-tree] treechildren::-moz-tree-row(hover),
+:root[lwt-tree] treechildren::-moz-tree-row(hover) {
+  background-color: hsla(0,0%,50%,.15);
+  border-color: transparent;
+}
+
 :root[lwt-tree] #threadTree treechildren::-moz-tree-row(untagged, selected),
 :root[lwt-tree]:-moz-window-inactive #threadTree treechildren::-moz-tree-row(selected),
 :root[lwt-tree] tree:not(#threadTree) treechildren::-moz-tree-row(selected) {
   border-color: var(--sidebar-highlight-background-color, hsla(0,0%,80%,.3));
   background: var(--sidebar-highlight-background-color, hsla(0,0%,80%,.3));
   outline: none;
 }
 
-:root[lwt-tree-brighttext] treechildren::-moz-tree-row(hover),
 :root[lwt-tree-brighttext] #threadTree treechildren::-moz-tree-row(untagged, selected),
 :root[lwt-tree-brighttext]:-moz-window-inactive #threadTree treechildren::-moz-tree-row(selected),
 :root[lwt-tree-brighttext] tree:not(#threadTree) treechildren::-moz-tree-row(selected) {
   border-color: var(--sidebar-highlight-background-color, rgba(249,249,250,.1));
   background: var(--sidebar-highlight-background-color, rgba(249,249,250,.1));
 }
 
 /* Give menupopup[type="folder"] a menu look */