Index: Source/devtools/front_end/elementsPanel.css |
diff --git a/Source/devtools/front_end/elementsPanel.css b/Source/devtools/front_end/elementsPanel.css |
index 89aa19772a977e0594545df9d6428386521e5f3d..2a298482ec17ded81f63777b65d0fb0f821c6934 100644 |
--- a/Source/devtools/front_end/elementsPanel.css |
+++ b/Source/devtools/front_end/elementsPanel.css |
@@ -735,3 +735,43 @@ |
li.child-editing .styles-clipboard-only { |
display: none; |
} |
+ |
+/* Breadcrumbs */ |
+ |
+.crumbs { |
+ display: inline-block; |
+ pointer-events: auto; |
+ cursor: default; |
+ font-size: 11px; |
+ line-height: 17px; |
+} |
+ |
+.crumbs .crumb { |
+ display: inline-block; |
+ padding: 0 7px; |
+ height: 18px; |
+ white-space: nowrap; |
+} |
+ |
+.crumbs .crumb.collapsed > * { |
+ display: none; |
+} |
+ |
+.crumbs .crumb.collapsed::before { |
+ content: "\2026"; |
+ font-weight: bold; |
+} |
+ |
+.crumbs .crumb.compact .extra { |
+ display: none; |
+} |
+ |
+.crumbs .crumb.selected, .crumbs .crumb.selected:hover { |
+ background-color: rgb(56, 121, 217); |
+ color: white; |
+ text-shadow: rgba(255, 255, 255, 0.5) 0 0 0; |
+} |
+ |
+.crumbs .crumb:hover { |
+ background-color: rgb(216, 216, 216); |
+} |