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 499908 ab9dfffff004480f216246435f2de37f801a636c
parent 499907 51b87be56bcae1931f2a8b76b2494c945c3b2db8
child 499909 bca2310f556c6848737084fe009f7976f2cf6f3c
push id1864
push userffxbld-merge
push dateMon, 03 Dec 2018 15:51:40 +0000
treeherdermozilla-release@f040763d99ad [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersntim, dao
bugs1484946
milestone64.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
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;