Index: chrome_linux64/resources/inspector/elementsPanel.css |
=================================================================== |
--- chrome_linux64/resources/inspector/elementsPanel.css (revision 273864) |
+++ chrome_linux64/resources/inspector/elementsPanel.css (working copy) |
@@ -31,17 +31,22 @@ |
flex: 1 1; |
overflow: auto; |
padding-left: 0; |
+ -webkit-transform: translateZ(0); |
} |
#elements-crumbs { |
flex: 0 0 19px; |
- background-color: rgb(236, 236, 236); |
+ background-color: white; |
border-top: 1px solid #ccc; |
+ overflow: hidden; |
+ height: 19px; |
+ width: 100%; |
} |
#elements-content > ol { |
display: inline-block; |
min-height: 100%; |
+ -webkit-transform: translateZ(0); |
} |
#elements-content .editing { |
@@ -216,6 +221,15 @@ |
margin-left: -6px; |
} |
+.styles-section .properties li.filter-match, |
+.styles-section .simple-selector.filter-match { |
+ background-color: rgba(255, 255, 0, 0.5); |
+} |
+ |
+.styles-section .properties li.overloaded.filter-match { |
+ background-color: rgba(255, 255, 0, 0.25); |
+} |
+ |
.styles-section .properties li.not-parsed-ok .exclamation-mark { |
display: inline-block; |
position: relative; |
@@ -304,7 +318,6 @@ |
.styles-section .properties li { |
margin-left: 12px; |
padding-left: 22px; |
- padding-top: 0; |
white-space: normal; |
text-overflow: ellipsis; |
overflow: hidden; |
@@ -374,7 +387,7 @@ |
@media (-webkit-min-device-pixel-ratio: 1.5) { |
.styles-section.matched-styles .properties li.parent .expand-element { |
- background-image: url(Images/statusbarButtonGlyphs2x.png); |
+ background-image: url(Images/statusbarButtonGlyphs_2x.png); |
} |
} /* media */ |
@@ -427,10 +440,6 @@ |
color: inherit; |
} |
-.styles-section.computed-style .properties { |
- margin-top: 18px; |
-} |
- |
.styles-section.computed-style .properties .disabled { |
text-decoration: none; |
opacity: 0.5; |
@@ -446,7 +455,6 @@ |
} |
.styles-element-state-pane { |
- background-color: rgb(240, 240, 240); |
overflow: hidden; |
margin-top: -56px; |
padding-top: 18px; |
@@ -465,9 +473,9 @@ |
border-spacing: 0; |
} |
-.styles-element-state-pane input { |
- margin: 2px; |
- vertical-align: -2px; |
+.styles-element-state-pane label { |
+ display: flex; |
+ margin: 1px; |
} |
.styles-selector { |
@@ -539,7 +547,7 @@ |
@media (-webkit-min-device-pixel-ratio: 1.5) { |
.event-bars .event-bar .header::before { |
- background-image: url(Images/statusbarButtonGlyphs2x.png); |
+ background-image: url(Images/statusbarButtonGlyphs_2x.png); |
} |
} /* media */ |
@@ -566,7 +574,6 @@ |
} |
.sidebar-pane.composite { |
- overflow: hidden; |
position: absolute; |
} |
@@ -577,12 +584,48 @@ |
.sidebar-pane.composite .metrics { |
border-bottom: 1px solid rgb(64%, 64%, 64%); |
height: 206px; |
- display: -webkit-flex; |
- -webkit-flex-direction: column; |
+ display: flex; |
+ flex-direction: column; |
-webkit-align-items: center; |
-webkit-justify-content: center; |
} |
+.sidebar-pane .metrics-and-styles, |
+.sidebar-pane .metrics-and-computed { |
+ display: flex !important; |
+ flex-direction: column !important; |
+ position: relative; |
+} |
+ |
+.sidebar-pane .style-panes-wrapper { |
+ flex: 1; |
+ overflow-y: auto; |
+ position: relative; |
+} |
+ |
+.sidebar-pane.composite .metrics-and-computed .sidebar-pane-toolbar, |
+.sidebar-pane.composite .metrics-and-styles .sidebar-pane-toolbar { |
+ position: absolute; |
+} |
+ |
+.sidebar-pane-filter-box { |
+ display: flex; |
+ border-top: 1px solid rgb(191, 191, 191); |
+ flex-basis: 19px; |
+} |
+ |
+.sidebar-pane-filter-box > input { |
+ outline: none !important; |
+ border: none; |
+ width: 100%; |
+ margin: 0 4px; |
+ background: transparent; |
+} |
+ |
+.styles-filter-engaged { |
+ background-color: rgba(255, 255, 0, 0.5); |
+} |
+ |
.sidebar-pane.composite .metrics-and-computed .sidebar-pane-toolbar { |
margin-top: 4px; |
margin-bottom: -4px; |
@@ -619,8 +662,8 @@ |
} |
.styles-section.computed-style > .header > .sidebar-pane-subtitle { |
- top: 4px; |
- left: 8px; |
+ line-height: 17px; |
+ margin: 2px; |
-webkit-user-select: none; |
} |
@@ -632,6 +675,14 @@ |
left: 8px; |
} |
+.sidebar-pane > .body > .split-view { |
+ position: absolute; |
+ top: 0; |
+ bottom: 0; |
+ left: 0; |
+ right: 0; |
+} |
+ |
.panel.elements .sidebar-pane-toolbar > select { |
float: right; |
width: 23px; |
@@ -679,3 +730,7 @@ |
width: 0; |
opacity: 0; |
} |
+ |
+li.child-editing .styles-clipboard-only { |
+ display: none; |
+} |