Bug 1251755 - markupview: add z-index 1 to pseudoclass ind.r=pbrosset
authorJulian Descottes <jdescottes@mozilla.com>
Mon, 07 Mar 2016 09:15:15 +0100
changeset 337313 5ee60bdfe6b8ec27522ee6dfaf43dc6d6ba99a1d
parent 337312 fd095cbb65ad0d4e20c10f7a1c1c3e7dcf3abdab
child 337343 15a14878810b96db3d1e0ddadaaca0c6ef2fc9f5
child 337344 e7235c487134505563cae3c5ac8bdabd42dc4363
child 337369 eb559f626161d47fb4c27cdbcddb212698b52d53
push id12318
push userjdescottes@mozilla.com
push dateMon, 07 Mar 2016 08:16:04 +0000
reviewerspbrosset
bugs1251755, 1195120
milestone47.0a1
Bug 1251755 - markupview: add z-index 1 to pseudoclass ind.r=pbrosset With Bug 1195120, the ".tag-line .tag-state" has a z-index of 0 instead of -1. This element is used to display the colored background of a selected row. Adding z-index:1 to the pseudoclass indicator ensures it is displayed above the .tag-state element. MozReview-Commit-ID: K4aWyJXevWf
devtools/client/themes/markup.css
--- a/devtools/client/themes/markup.css
+++ b/devtools/client/themes/markup.css
@@ -227,16 +227,17 @@ ul.children + .tag-line::before {
   content: "";
   background: var(--theme-highlight-lightorange);
   border-radius: 50%;
   width: .8em;
   height: .8em;
   margin-top: .3em;
   left: 1px;
   position: absolute;
+  z-index: 1;
 }
 
 /* Selected nodes in the tree should have light selected text.
    theme-selected doesn't work in this case since the text is a
    sibling of the class, not a child. */
 .theme-selected ~ .editor,
 .theme-selected ~ .editor .theme-fg-color1,
 .theme-selected ~ .editor .theme-fg-color2,