Bug 1516450 - Distinguish between hovered and selected tree items with dark theme. r+a=jorgk
authorRichard Marti <richard.marti@gmail.com>
Wed, 26 Dec 2018 19:25:12 +0100
changeset 33910 faa09be420d4aed29c76d18636af23e5184f9882
parent 33909 8432e7fd9626148b3787ccc429a28588079a21bf
child 33911 0fc0c5dd8de5573e8951af5e00fa6ed821f66670
push id388
push userclokep@gmail.com
push dateMon, 28 Jan 2019 20:54:56 +0000
bugs1516450
Bug 1516450 - Distinguish between hovered and selected tree items with dark theme. r+a=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 */