| 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;
|
| +}
|
|
|