Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(745)

Unified Diff: third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css

Issue 2644233007: DevTools: Use real focus in TreeOutline (Closed)
Patch Set: test results Created 3 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css b/third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css
index 72a14ef848a25fb16276355a2f3667771efdfe60..c28a5ab132ba06fd5a5242d229c5635841e6a1ec 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css
+++ b/third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css
@@ -37,7 +37,7 @@
display: none;
}
-.elements-disclosure ol:focus li.selected:after {
+.elements-disclosure ol li.selected:focus:after {
color: white;
}
@@ -120,19 +120,19 @@
padding-left: 2px;
}
-.elements-disclosure ol:focus li.selected {
+.elements-disclosure ol li.selected:focus {
color: white;
}
-.elements-disclosure ol:focus li.parent.selected::before {
+.elements-disclosure ol li.parent.selected:focus::before {
background-color: white;
}
-.elements-disclosure ol:focus li.selected * {
+.elements-disclosure ol li.selected:focus * {
color: inherit;
}
-.elements-disclosure ol:focus li.selected .selection {
+.elements-disclosure ol li.selected:focus .selection {
background-color: rgb(56, 121, 217);
}
@@ -303,18 +303,18 @@ ol:hover > li > .elements-tree-shortcut-link {
display: none;
}
-ol:focus li.selected .webkit-html-tag {
+ol li.selected:focus .webkit-html-tag {
color: #a5a5a5;
}
-ol:focus li.selected .webkit-html-tag-name,
-ol:focus li.selected .webkit-html-close-tag-name,
-ol:focus li.selected .webkit-html-attribute-value,
-ol:focus li.selected .devtools-link {
+ol li.selected:focus .webkit-html-tag-name,
+ol li.selected:focus .webkit-html-close-tag-name,
+ol li.selected:focus .webkit-html-attribute-value,
+ol li.selected:focus .devtools-link {
color: white;
}
-ol:focus li.selected .webkit-html-attribute-name {
+ol li.selected:focus .webkit-html-attribute-name {
color: #ccc;
}

Powered by Google App Engine
This is Rietveld 408576698