Index: chrome_linux64/resources/inspector/elementsPanel.css |
=================================================================== |
--- chrome_linux64/resources/inspector/elementsPanel.css (revision 237140) |
+++ chrome_linux64/resources/inspector/elementsPanel.css (working copy) |
@@ -28,9 +28,17 @@ |
*/ |
#elements-content { |
+ flex: 1 1; |
+ overflow: auto; |
padding-left: 0; |
} |
+#elements-crumbs { |
+ flex: 0 0 19px; |
+ background-color: rgb(236, 236, 236); |
+ border-top: 1px solid #ccc; |
+} |
+ |
#elements-content > ol { |
display: inline-block; |
min-height: 100%; |
@@ -170,7 +178,6 @@ |
display: inline-block; |
} |
- |
.styles-section { |
padding: 2px 2px 4px 4px; |
min-height: 18px; |
@@ -178,12 +185,21 @@ |
background-origin: padding; |
background-clip: padding; |
-webkit-user-select: text; |
+ border-bottom: 1px solid rgb(191, 191, 191); |
} |
-.styles-section:not(.first-styles-section) { |
- border-top: 1px solid rgb(191, 191, 191); |
+.styles-pane .sidebar-separator { |
+ border-top: 0px none; |
} |
+.styles-section.user-rule { |
+ display: none; |
+} |
+ |
+.show-user-styles .styles-section.user-rule { |
+ display: block; |
+} |
+ |
.styles-sidebar-placeholder { |
height: 16px; |
} |
@@ -248,7 +264,7 @@ |
color: #888; |
} |
-.styles-section .selector-matches { |
+.styles-section .simple-selector.selector-matches { |
color: #222; |
} |
@@ -595,7 +611,6 @@ |
} |
.sidebar-pane.composite .metrics-and-styles .metrics { |
- border-top: 1px solid rgb(64%, 64%, 64%); |
border-bottom: none; |
} |
@@ -643,7 +658,8 @@ |
.styles-section:not(.read-only) .properties .webkit-css-property.styles-panel-hovered, |
.styles-section:not(.read-only) .properties .value .styles-panel-hovered, |
-.styles-section:not(.read-only) .properties .value.styles-panel-hovered { |
+.styles-section:not(.read-only) .properties .value.styles-panel-hovered, |
+.styles-section:not(.read-only) span.simple-selector.styles-panel-hovered { |
text-decoration: underline; |
cursor: default; |
} |