Bug 1484946 - Fix tree twisty color on in-content pages when selected and unfocused r=ntim,dao
authorArshad Kazmi <arshadkazmi42@gmail.com>
Tue, 16 Oct 2018 10:18:56 +0000
changeset 489795 ab9dfffff004480f216246435f2de37f801a636c
parent 489794 51b87be56bcae1931f2a8b76b2494c945c3b2db8
child 489796 bca2310f556c6848737084fe009f7976f2cf6f3c
push id247
push userfmarier@mozilla.com
push dateSat, 27 Oct 2018 01:06:44 +0000
reviewersntim, dao
bugs1484946
milestone64.0a1
Bug 1484946 - Fix tree twisty color on in-content pages when selected and unfocused r=ntim,dao Differential Revision: https://phabricator.services.mozilla.com/D8669
toolkit/themes/shared/in-content/common.inc.css
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -723,17 +723,16 @@ xul|treechildren::-moz-tree-row(multicol
 
 html|select[size][multiple] > html|option:hover,
 xul|treechildren::-moz-tree-row(hover) {
   background-color: var(--in-content-item-hover);
 }
 
 xul|treechildren::-moz-tree-row(selected) {
   background-color: var(--in-content-item-selected);
-  color: var(--in-content-selected-text);
 }
 
 /* Trees */
 
 xul|tree {
   -moz-appearance: none;
   font-size: 1em;
   border: 1px solid var(--in-content-box-border-color);
@@ -791,21 +790,23 @@ xul|treecol:not([hideheader="true"]) > x
 
 /* This is the only way to increase the height of a tree row unfortunately */
 xul|treechildren::-moz-tree-row {
   min-height: 2em;
 }
 
 /* Color needs to be set on tree cell in order to be applied */
 xul|treechildren::-moz-tree-cell-text,
+xul|treechildren::-moz-tree-twisty,
 xul|treechildren::-moz-tree-image {
   color: var(--in-content-text-color);
 }
 
 xul|treechildren::-moz-tree-cell-text(selected),
+xul|treechildren::-moz-tree-twisty(selected),
 xul|treechildren::-moz-tree-image(selected) {
   color: var(--in-content-selected-text);
 }
 
 /* Message bars */
 .message-bar {
   background-color: var(--grey-20);
   border-radius: 4px;