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 34059 725ae892a7765a408284af7a11cd6268ec918457
parent 34058 7950e082870e255496eb47bd57c4776e10a94c4c
child 34060 4b5dd86563078198428a10ba7bd9161565045705
push id389
push userclokep@gmail.com
push dateMon, 18 Mar 2019 19:01:53 +0000
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 */