| Index: chrome_linux/resources/inspector/inspector.css
|
| ===================================================================
|
| --- chrome_linux/resources/inspector/inspector.css (revision 273864)
|
| +++ chrome_linux/resources/inspector/inspector.css (working copy)
|
| @@ -12,7 +12,7 @@
|
| display: -webkit-flex;
|
| -webkit-flex-direction: column;
|
|
|
| - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#CFCFCF));
|
| + background-image: linear-gradient(to bottom, #E9E9E9, #CFCFCF);
|
| }
|
|
|
| .dialog-contents {
|
| @@ -33,7 +33,7 @@
|
| color: rgb(6, 6, 6);
|
| border: 1px solid rgb(165, 165, 165);
|
| background-color: rgb(237, 237, 237);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
|
| + background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
|
| border-radius: 12px;
|
| -webkit-appearance: none;
|
|
|
| @@ -43,7 +43,7 @@
|
|
|
| .go-to-line-dialog button:active {
|
| background-color: rgb(215, 215, 215);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
|
| + background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
|
| }
|
|
|
|
|
| @@ -81,6 +81,7 @@
|
|
|
| .tabbed-pane {
|
| flex: auto;
|
| + overflow: hidden;
|
| }
|
|
|
| .tabbed-pane-content {
|
| @@ -88,12 +89,20 @@
|
| overflow: auto;
|
| flex: auto;
|
| display: flex;
|
| + flex-direction: column;
|
| }
|
|
|
| .tabbed-pane-content.has-no-tabs {
|
| background-color: lightgray;
|
| }
|
|
|
| +.tabbed-pane-placeholder {
|
| + font-size: 14px;
|
| + text-align: center;
|
| + margin-top: 20px;
|
| + text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
|
| +}
|
| +
|
| .tabbed-pane-header {
|
| flex: 0 0 23px;
|
| border-bottom: 1px solid rgb(163, 163, 163);
|
| @@ -117,7 +126,6 @@
|
| border: 1px solid transparent;
|
| border-bottom: none;
|
| line-height: 15px;
|
| -
|
| white-space: nowrap;
|
| text-overflow: ellipsis;
|
| overflow: hidden;
|
| @@ -152,6 +160,15 @@
|
| visibility: visible;
|
| }
|
|
|
| +.tabbed-pane-header-tab-icon {
|
| + width: 11px;
|
| + height: 10px;
|
| + margin-top: 3px;
|
| + float: left;
|
| + display: block;
|
| + margin-right: 1px;
|
| +}
|
| +
|
| .tabbed-pane-header-tabs-drop-down-container {
|
| float: left;
|
| position: relative;
|
| @@ -180,17 +197,14 @@
|
| opacity: 0.8;
|
| }
|
|
|
| -select.tabbed-pane-header-tabs-drop-down-select {
|
| +.tabbed-pane-header-tabs-drop-down > select.drop-down-menu {
|
| position: absolute;
|
| top: 0;
|
| right: 0;
|
| bottom: 0;
|
| left: 0;
|
| opacity: 0;
|
| - border: none;
|
| - margin: 0;
|
| font-size: 75%;
|
| - -webkit-appearance: none;
|
| width: 20px;
|
| }
|
|
|
| @@ -230,6 +244,25 @@
|
| outline: auto 5px -webkit-focus-ring-color;
|
| }
|
|
|
| +input[type="checkbox"] {
|
| + height: 12px;
|
| + width: 12px;
|
| + margin: auto 3px;
|
| + flex-shrink: 0;
|
| +}
|
| +
|
| +label:hover {
|
| + cursor: pointer;
|
| +}
|
| +
|
| +label:hover input {
|
| + box-shadow: 0 0 3px highlight;
|
| +}
|
| +
|
| +fieldset[disabled] label:hover input {
|
| + box-shadow: none;
|
| +}
|
| +
|
| .fill {
|
| position: absolute;
|
| top: 0;
|
| @@ -238,16 +271,27 @@
|
| bottom: 0;
|
| }
|
|
|
| +.view {
|
| + position: relative;
|
| + flex: auto;
|
| +}
|
| +
|
| .hbox {
|
| - display: flex !important;
|
| - flex-direction: row;
|
| + display: flex;
|
| + flex-direction: row !important;
|
| + position: relative;
|
| }
|
|
|
| .vbox {
|
| - display: flex !important;
|
| - flex-direction: column;
|
| + display: flex;
|
| + flex-direction: column !important;
|
| + position: relative;
|
| }
|
|
|
| +.flex-auto {
|
| + flex: auto;
|
| +}
|
| +
|
| .inline-block {
|
| display: inline-block;
|
| }
|
| @@ -264,15 +308,15 @@
|
| }
|
|
|
| .toolbar-background {
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
|
| - padding: 1px 0 0 1px;
|
| - border-bottom: 1px solid rgb(80, 80, 80);
|
| + background-image: linear-gradient(to bottom, rgb(191, 191, 191), rgb(151, 151, 151));
|
| + padding-left: 1px;
|
| + border-bottom: 1px solid rgb(64%, 64%, 64%);
|
| background-origin: padding-box;
|
| background-clip: padding-box;
|
| }
|
|
|
| .toolbar {
|
| - flex: 0 0 25px;
|
| + flex: 0 0 24px;
|
| display: flex;
|
| flex-direction: row;
|
| position: relative;
|
| @@ -310,8 +354,7 @@
|
| }
|
|
|
| body.inactive .toolbar-background {
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
|
| - border-bottom: 1px solid rgb(64%, 64%, 64%);
|
| + background-image: linear-gradient(to bottom, rgb(233, 233, 233), rgb(207, 207, 207));
|
| }
|
|
|
| body.dock-to-bottom .toolbar-background {
|
| @@ -332,32 +375,32 @@
|
| }
|
|
|
| body.undocked.platform-mac-leopard .toolbar-background {
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(175, 175, 175)), to(rgb(151, 151, 151))) !important;
|
| + background-image: linear-gradient(to bottom, rgb(175, 175, 175), rgb(151, 151, 151)) !important;
|
| color: #333 !important;
|
| }
|
|
|
| body.undocked.platform-mac-leopard.inactive .toolbar-background {
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(207, 207, 207))) !important;
|
| + background-image: linear-gradient(to bottom, rgb(221, 221, 221), rgb(207, 207, 207)) !important;
|
| color: #555 !important;
|
| }
|
|
|
| body.undocked.platform-mac-snowleopard .toolbar-background {
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 189, 189)), to(rgb(167, 167, 167))) !important;
|
| + background-image: linear-gradient(to bottom, rgb(189, 189, 189), rgb(167, 167, 167)) !important;
|
| color: #333 !important;
|
| }
|
|
|
| body.undocked.platform-mac-snowleopard.inactive .toolbar-background {
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(228, 228, 228)), to(rgb(216, 216, 216))) !important;
|
| + background-image: linear-gradient(to bottom, rgb(228, 228, 228), rgb(216, 216, 216)) !important;
|
| color: #555 !important;
|
| }
|
|
|
| body.undocked.platform-mac .toolbar-background {
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(200, 200, 200))) !important;
|
| + background-image: linear-gradient(to bottom, rgb(208, 208, 208), rgb(200, 200, 200)) !important;
|
| color: #333 !important;
|
| }
|
|
|
| body.undocked.platform-mac.inactive .toolbar-background {
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(224, 224, 224))) !important;
|
| + background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(224, 224, 224)) !important;
|
| color: #555 !important;
|
| }
|
|
|
| @@ -404,33 +447,37 @@
|
| }
|
|
|
| .scrollable-content::-webkit-scrollbar-thumb:vertical {
|
| - background: -webkit-gradient(linear, left top, right top, from(rgb(192, 192, 192)), to(rgb(192, 192, 192)), color-stop(40%, rgb(214, 214, 214)));
|
| + background: linear-gradient(to right, rgb(192, 192, 192), rgb(214, 214, 214) 40%, rgb(192, 192, 192));
|
| border-radius: 5px;
|
| min-height: 20px;
|
| }
|
|
|
| .scrollable-content::-webkit-scrollbar-thumb:vertical:hover,
|
| .scrollable-content::-webkit-scrollbar-thumb:vertical:active {
|
| - background: -webkit-gradient(linear, left top, right top, from(rgb(230, 230, 230)), to(rgb(230, 230, 230)), color-stop(40%, rgb(252, 252, 252)));
|
| + background: linear-gradient(to right, rgb(230, 230, 230), rgb(252, 252, 252) 40%, rgb(230, 230, 230));
|
| }
|
|
|
| .scrollable-content::-webkit-scrollbar-track:vertical {
|
| - background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(164, 164, 164)), color-stop(25%, rgb(164, 164, 164)));
|
| + background: linear-gradient(to right, rgb(128, 128, 128), rgb(164, 164, 164) 25%, rgb(164, 164, 164));
|
| border-radius: 5px;
|
| }
|
|
|
| .search-replace {
|
| -webkit-appearance: none;
|
| border: 0;
|
| - padding: 0 2px;
|
| + padding: 0 3px;
|
| margin: 0;
|
| - -webkit-flex: 1;
|
| + flex: 1;
|
| }
|
|
|
| .search-replace:focus {
|
| outline: none;
|
| }
|
|
|
| +#search-input-field {
|
| + height: 18px;
|
| +}
|
| +
|
| .toolbar-search {
|
| border-spacing: 1px;
|
| }
|
| @@ -439,9 +486,13 @@
|
| padding: 0 5px 0 0;
|
| }
|
|
|
| +.toolbar-search td > span {
|
| + display: flex;
|
| +}
|
| +
|
| .toolbar-search-navigation-controls {
|
| vertical-align: top;
|
| - background-image: -webkit-linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
|
| + background-image: linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
|
| }
|
|
|
| .toolbar-search-navigation {
|
| @@ -459,27 +510,20 @@
|
| }
|
|
|
| .toolbar-search label {
|
| - vertical-align: bottom;
|
| + margin: auto 0;
|
| }
|
|
|
| -.toolbar-search input[type="checkbox"] {
|
| - position: relative;
|
| - margin-top: -1px;
|
| - margin-left: 15px;
|
| - top: 2px;
|
| -}
|
| -
|
| .toolbar-search button {
|
| border: 1px solid rgb(163, 163, 163);
|
| border-radius: 8px;
|
| margin: 0;
|
| - background-image: -webkit-linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
|
| + background-image: linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
|
| width: 100%;
|
| height: 20px;
|
| }
|
|
|
| .toolbar-search button:active {
|
| - background-image: -webkit-linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
|
| + background-image: linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
|
| }
|
|
|
| .toolbar-search-control {
|
| @@ -490,6 +534,7 @@
|
| border: 1px solid rgb(163, 163, 163);
|
| height: 20px;
|
| border-radius: 2px;
|
| + margin-left: 1px;
|
| }
|
|
|
| .toolbar-replace-control {
|
| @@ -497,6 +542,7 @@
|
| height: 20px;
|
| border-radius: 2px;
|
| width: 100%;
|
| + margin: auto 0;
|
| }
|
|
|
| .toolbar-search-navigation.enabled:active {
|
| @@ -509,7 +555,7 @@
|
| }
|
|
|
| .toolbar-search-navigation.toolbar-search-navigation-prev.enabled:active {
|
| - background-image: url(Images/searchPrev.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
|
| + background-image: url(Images/searchPrev.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
|
| }
|
|
|
| .toolbar-search-navigation.toolbar-search-navigation-next {
|
| @@ -518,7 +564,7 @@
|
| }
|
|
|
| .toolbar-search-navigation.toolbar-search-navigation-next.enabled:active {
|
| - background-image: url(Images/searchNext.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
|
| + background-image: url(Images/searchNext.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
|
| }
|
|
|
| .search-results-matches {
|
| @@ -552,7 +598,7 @@
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .close-button,
|
| .close-button-gray {
|
| - background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + background-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -588,14 +634,16 @@
|
| position: relative;
|
| }
|
|
|
| -.panel-status-bar label {
|
| - margin: 2px 20px 0 0;
|
| +.panel-status-bar > div {
|
| + margin: auto 0;
|
| }
|
|
|
| -.panel-status-bar label > input {
|
| - height: 13px;
|
| - width: 13px;
|
| - vertical-align: -2px;
|
| +.panel-status-bar label {
|
| + margin: auto 0;
|
| + margin-right: 20px;
|
| + display: flex;
|
| + white-space: nowrap;
|
| + overflow: hidden;
|
| }
|
|
|
| .status-bar {
|
| @@ -610,14 +658,12 @@
|
| }
|
|
|
| .status-bar > div {
|
| - display: inline-block;
|
| - vertical-align: top;
|
| + display: inline-flex;
|
| overflow: visible;
|
| }
|
|
|
| .status-bar-item {
|
| display: inline-block;
|
| - cursor: default;
|
| height: 22px;
|
| padding: 0;
|
| margin-left: -1px;
|
| @@ -631,7 +677,10 @@
|
| .status-bar-text {
|
| padding-left: 5px;
|
| padding-right: 15px;
|
| - padding-top: 3px;
|
| + height: auto;
|
| + margin: auto 0;
|
| + white-space: nowrap;
|
| + overflow: hidden;
|
| }
|
|
|
| #drawer-view-anchor {
|
| @@ -670,7 +719,7 @@
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .long-click-glyph {
|
| - -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -714,29 +763,42 @@
|
| }
|
|
|
| .status-bar-select-container {
|
| - display: inline-block;
|
| + display: inline-flex;
|
| + flex-shrink: 0;
|
| }
|
|
|
| .status-bar-select-arrow {
|
| background-image: url(Images/statusbarButtonGlyphs.png);
|
| background-size: 320px 144px;
|
| opacity: 0.7;
|
| - width: 10px;
|
| - height: 10px;
|
| - background-position: -20px -96px;
|
| + width: 12px;
|
| + height: 12px;
|
| + background-position: -18px -96px;
|
| display: inline-block;
|
| pointer-events: none;
|
| - position: relative;
|
| - top: 3px;
|
| - left: -3px;
|
| + margin: auto 0;
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .status-bar-select-arrow {
|
| - background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + background-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| +input.status-bar-item {
|
| + width: 200px;
|
| + height: 20px;
|
| + padding: 3px;
|
| + margin: 1px 3px;
|
| + background-color: white;
|
| + border: solid 1px rgb(236, 236, 236);
|
| +}
|
| +
|
| +input.status-bar-item:focus,
|
| +input.status-bar-item:hover {
|
| + border: solid 1px rgb(202, 202, 202);
|
| +}
|
| +
|
| select.status-bar-item {
|
| min-width: 48px;
|
| color: rgb(48, 48, 48);
|
| @@ -747,11 +809,13 @@
|
| padding: 0 15px 0 5px;
|
| margin-right: -10px;
|
| position: relative;
|
| - line-height: 20px;
|
| + line-height: 22px;
|
| }
|
|
|
| .status-bar-item.checkbox {
|
| - margin: 2px 0 0 0;
|
| + margin: auto 0;
|
| + height: auto;
|
| + display: flex;
|
| }
|
|
|
| .status-bar-item > .glyph {
|
| @@ -766,7 +830,7 @@
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .status-bar-item > .glyph {
|
| - -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -782,6 +846,10 @@
|
| -webkit-mask-position: -256px -48px;
|
| }
|
|
|
| +button.status-bar-item.dock-status-bar-item.toggled-left .glyph {
|
| + -webkit-mask-position: -32px -120px;
|
| +}
|
| +
|
| body.undocked .alternate-status-bar-buttons-bar {
|
| margin-left: 1px;
|
| }
|
| @@ -809,43 +877,6 @@
|
| border-right: 0 transparent none;
|
| }
|
|
|
| -button.status-bar-item.left-sidebar-show-hide-button,
|
| -button.status-bar-item.right-sidebar-show-hide-button {
|
| - position: absolute;
|
| - top: 0;
|
| - background-image: none;
|
| - height: 16px;
|
| - width: 16px;
|
| - margin: 4px 2px 2px 2px;
|
| - border: none;
|
| - z-index: 10;
|
| -}
|
| -
|
| -button.status-bar-item.left-sidebar-show-hide-button:active,
|
| -button.status-bar-item.right-sidebar-show-hide-button:active {
|
| - margin: 5px 1px 1px 3px;
|
| -}
|
| -
|
| -button.status-bar-item.left-sidebar-show-hide-button.toggled-left > .glyph {
|
| - -webkit-mask-position: -199px -76px;
|
| -}
|
| -
|
| -button.status-bar-item.left-sidebar-show-hide-button.toggled-right > .glyph {
|
| - -webkit-mask-position: -168px -76px;
|
| -}
|
| -
|
| -button.status-bar-item.right-sidebar-show-hide-button.toggled-left > .glyph {
|
| - -webkit-mask-position: -296px -76px;
|
| -}
|
| -
|
| -button.status-bar-item.right-sidebar-show-hide-button.toggled-right > .glyph {
|
| - -webkit-mask-position: -264px -76px;
|
| -}
|
| -
|
| -button.status-bar-item.left-sidebar-show-hide-button.toggled-overlay > .glyph {
|
| - -webkit-mask-position: -231px -76px;
|
| -}
|
| -
|
| div.resizer-widget {
|
| position: absolute;
|
| top: 0;
|
| @@ -858,6 +889,14 @@
|
| z-index: 13;
|
| }
|
|
|
| +.ns-resizer-widget {
|
| + cursor: ns-resize;
|
| +}
|
| +
|
| +.ew-resizer-widget {
|
| + cursor: ew-resize;
|
| +}
|
| +
|
| .settings-status-bar-item .glyph {
|
| -webkit-mask-position: -160px -24px;
|
| }
|
| @@ -904,7 +943,7 @@
|
| .red-ball,
|
| .green-ball,
|
| .orange-ball {
|
| - background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + background-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -951,60 +990,14 @@
|
| margin-left: 6px;
|
| }
|
|
|
| -.drawer {
|
| - display: none;
|
| - flex: 0 0 200px;
|
| - position: relative;
|
| - background-color: white;
|
| - z-index: 1;
|
| -}
|
| -
|
| -#drawer-contents {
|
| - position: absolute;
|
| - top: 0;
|
| - bottom: 0;
|
| - left: 0;
|
| - right: 0;
|
| - display: flex;
|
| -}
|
| -
|
| -#drawer-contents > .tabbed-pane > .tabbed-pane-header {
|
| +#drawer-tabbed-pane > .tabbed-pane-header {
|
| background-color: rgb(236, 236, 236);
|
| - border-top: 1px solid rgb(124, 124, 124);
|
| - border-bottom: 1px solid rgb(203, 203, 203);
|
| }
|
|
|
| -body.inactive #drawer-contents .tabbed-pane-header {
|
| - border-top: 1px solid rgb(64%, 64%, 64%);
|
| -}
|
| -
|
| #drawer-contents .tabbed-pane-header .tabbed-pane-header-tab {
|
| cursor: default;
|
| }
|
|
|
| -.drawer-resizer {
|
| - position: absolute;
|
| - right: 0;
|
| - top: 8px;
|
| - content: url(Images/statusbarResizerVertical.png);
|
| - height: 8px;
|
| - pointer-events: none;
|
| -}
|
| -
|
| -#drawer-footer {
|
| - position: absolute;
|
| - bottom: 0;
|
| - left: 0;
|
| - right: 0;
|
| - font-size: 11px;
|
| - height: 23px;
|
| - background-color: rgb(236, 236, 236);
|
| -}
|
| -
|
| -body.drawer-visible .drawer {
|
| - display: block;
|
| -}
|
| -
|
| body.platform-mac .monospace,
|
| body.platform-mac .source-code {
|
| font-size: 11px !important;
|
| @@ -1043,6 +1036,10 @@
|
| overflow: hidden;
|
| }
|
|
|
| +.console-status-bar {
|
| + display: flex;
|
| +}
|
| +
|
| #console-messages {
|
| flex: 1 1;
|
| padding: 2px 0;
|
| @@ -1050,6 +1047,7 @@
|
| word-wrap: break-word;
|
| -webkit-user-select: text;
|
| border-top: 1px solid rgb(230, 230, 230);
|
| + -webkit-transform: translateZ(0);
|
| }
|
|
|
| #console-prompt {
|
| @@ -1092,6 +1090,12 @@
|
| background-image: none;
|
| }
|
|
|
| +.console-timestamp {
|
| + color: gray;
|
| + margin-right: 10px;
|
| + -webkit-user-select: none;
|
| +}
|
| +
|
| .console-message::before,
|
| .console-user-command::before,
|
| #console-prompt::before,
|
| @@ -1114,7 +1118,7 @@
|
| .console-user-command::before,
|
| #console-prompt::before,
|
| .console-group-title::before {
|
| - background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + background-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -1189,7 +1193,7 @@
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .console-group-title::before {
|
| - -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -1249,7 +1253,7 @@
|
| .console-warning-level::before,
|
| .console-debug-level::before,
|
| .console-info-level::before {
|
| - background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + background-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -1279,11 +1283,17 @@
|
| color: rgb(0, 128, 255);
|
| }
|
|
|
| +#console-messages .link {
|
| + text-decoration: underline;
|
| +}
|
| +
|
| +#console-messages .link,
|
| #console-messages a {
|
| color: rgb(33%, 33%, 33%);
|
| cursor: pointer;
|
| }
|
|
|
| +#console-messages .link:hover,
|
| #console-messages a:hover {
|
| color: rgb(15%, 15%, 15%);
|
| }
|
| @@ -1359,7 +1369,7 @@
|
| position: relative;
|
| display: inline-block;
|
| vertical-align: top;
|
| - color: #222;
|
| + color: inherit;
|
| }
|
|
|
| .console-formatted-node:hover {
|
| @@ -1389,6 +1399,7 @@
|
| .console-formatted-regexp {
|
| color: rgb(196, 26, 22);
|
| white-space: pre;
|
| + unicode-bidi: -webkit-isolate;
|
| }
|
|
|
| .console-formatted-null,
|
| @@ -1406,7 +1417,7 @@
|
| }
|
|
|
| .object-info-state-note {
|
| - display: none;
|
| + display: inline-block;
|
| width: 11px;
|
| height: 11px;
|
| background-color: rgb(179, 203, 247);
|
| @@ -1422,8 +1433,8 @@
|
| content: "i";
|
| }
|
|
|
| -.section.expanded .object-info-state-note {
|
| - display: inline-block;
|
| +.section:not(.expanded) .object-info-state-note {
|
| + display: none;
|
| }
|
|
|
| .error-message {
|
| @@ -1569,7 +1580,7 @@
|
|
|
| .outline-disclosure li.parent::before {
|
| float: left;
|
| - width: 8px;
|
| + width: 10px;
|
| padding-right: 2px;
|
| }
|
|
|
| @@ -1588,7 +1599,7 @@
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .outline-disclosure li.parent::before {
|
| - -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -1617,24 +1628,20 @@
|
| white-space: nowrap;
|
| }
|
|
|
| -.placard.grouped {
|
| - padding-left: 36px;
|
| -}
|
| -
|
| .placard:nth-of-type(2n) {
|
| background-color: rgb(234, 243, 255);
|
| }
|
|
|
| .placard.selected {
|
| border-top: 1px solid rgb(172, 172, 172);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 182, 182)), to(rgb(162, 162, 162)));
|
| + background-image: linear-gradient(to bottom, rgb(182, 182, 182), rgb(162, 162, 162));
|
| background-origin: padding-box;
|
| background-clip: padding-box;
|
| }
|
|
|
| :focus .placard.selected {
|
| border-top: 1px solid rgb(70, 103, 215);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(56, 121, 217)));
|
| + background-image: linear-gradient(to bottom, rgb(92, 147, 213), rgb(56, 121, 217));
|
| }
|
|
|
| .placard .title {
|
| @@ -1665,6 +1672,17 @@
|
| color: inherit;
|
| }
|
|
|
| +.placard-label {
|
| + text-align: center;
|
| +}
|
| +
|
| +.placard-label .title,
|
| +.placard-label .subtitle {
|
| + font-style: italic;
|
| + font-weight: bold;
|
| + color: #999;
|
| +}
|
| +
|
| .section {
|
| position: relative;
|
| margin-top: 1px;
|
| @@ -1678,7 +1696,7 @@
|
| }
|
|
|
| .section > .header {
|
| - padding: 0 8px 0 5px;
|
| + padding: 0px 8px 0 5px;
|
| min-height: 18px;
|
| white-space: nowrap;
|
| background-origin: padding-box;
|
| @@ -1701,7 +1719,7 @@
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .section > .header::before {
|
| - background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + background-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -1816,7 +1834,7 @@
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .properties-tree li.parent::before {
|
| - background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + background-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -1886,6 +1904,10 @@
|
| display: none !important;
|
| }
|
|
|
| +.sidebar-tabbed-pane .watch-expressions {
|
| + margin-top: 17px;
|
| +}
|
| +
|
| .properties-tree.watch-expressions {
|
| padding-left: 0 !important;
|
| }
|
| @@ -1911,6 +1933,7 @@
|
| .watch-expressions > li.editing-sub-part .text-prompt {
|
| display: block;
|
| width: 100%;
|
| + overflow: hidden;
|
| }
|
|
|
| .watch-expressions > li.editing-sub-part .value,
|
| @@ -1937,11 +1960,6 @@
|
| display: none;
|
| }
|
|
|
| -.sidebar-tabbed-pane .watch-expressions li:first-child .delete-button {
|
| - right: 55px;
|
| - top: 3px;
|
| -}
|
| -
|
| .section .properties li.hovered .delete-button {
|
| display: inline;
|
| }
|
| @@ -1978,8 +1996,8 @@
|
| .swatch {
|
| margin-left: 1px;
|
| margin-right: 2px;
|
| - width: 1em;
|
| - height: 1em;
|
| + width: 10px;
|
| + height: 10px;
|
| position: relative;
|
| top: 1px;
|
| display: inline-block;
|
| @@ -2000,10 +2018,6 @@
|
|
|
| .sidebar {
|
| overflow-x: hidden;
|
| - background-color: rgb(214, 221, 229);
|
| -}
|
| -
|
| -body.inactive .sidebar {
|
| background-color: rgb(232, 232, 232);
|
| }
|
|
|
| @@ -2012,14 +2026,14 @@
|
| background-color: transparent;
|
| border: 1px solid rgb(165, 165, 165);
|
| background-color: rgb(237, 237, 237);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
|
| + background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
|
| border-radius: 12px;
|
| -webkit-appearance: none;
|
| }
|
|
|
| .pane-title-button:active {
|
| background-color: rgb(215, 215, 215);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
|
| + background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
|
| }
|
|
|
| button.show-all-nodes {
|
| @@ -2031,7 +2045,7 @@
|
| background-color: transparent;
|
| border: 1px solid rgb(165, 165, 165);
|
| background-color: rgb(237, 237, 237);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
|
| + background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
|
| border-radius: 12px;
|
| -webkit-appearance: none;
|
| }
|
| @@ -2040,22 +2054,14 @@
|
| color: rgb(130, 130, 130);
|
| border-color: rgb(212, 212, 212);
|
| background-color: rgb(239, 239, 239);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
|
| + background-image: linear-gradient(to bottom, rgb(250, 250, 250), rgb(235, 235, 235));
|
| }
|
|
|
| button.show-all-nodes:active {
|
| background-color: rgb(215, 215, 215);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
|
| + background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
|
| }
|
|
|
| -button.enable-toggle-status-bar-item .glyph {
|
| - -webkit-mask-position: -192px 0;
|
| -}
|
| -
|
| -button.enable-toggle-status-bar-item.toggled-on .glyph {
|
| - -webkit-mask-position: -96px -24px;
|
| -}
|
| -
|
| #console-messages.console-filter-top {
|
| margin-top: 23px;
|
| }
|
| @@ -2215,7 +2221,7 @@
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .sidebar-tree-item .disclosure-button {
|
| - -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -2249,6 +2255,42 @@
|
| margin-right: 3px;
|
| }
|
|
|
| +.sidebar-tree-item.wait .icon {
|
| + content: none;
|
| +}
|
| +
|
| +.spinner-icon::before,
|
| +.sidebar-tree-item.wait .icon::before {
|
| + display: block;
|
| + width: 24px;
|
| + height: 24px;
|
| + margin: 4px;
|
| + border: 3px solid grey;
|
| + border-radius: 12px;
|
| + clip: rect(0px, 15px, 15px, 0px);
|
| + content: "";
|
| + position: absolute;
|
| + -webkit-animation: spinner-animation 1s linear infinite;
|
| +}
|
| +
|
| +.spinner-icon.small::before,
|
| +.sidebar-tree-item.wait.small .icon::before {
|
| + width: 14px;
|
| + height: 14px;
|
| + margin: 1px;
|
| + clip: rect(0px, 9px, 9px, 0px);
|
| + border-width: 2px;
|
| +}
|
| +
|
| +.sidebar-tree-item.wait.selected .icon::before {
|
| + border-color: white;
|
| +}
|
| +
|
| +@-webkit-keyframes spinner-animation {
|
| + from { -webkit-transform: rotate(0); }
|
| + to { -webkit-transform: rotate(360deg); }
|
| +}
|
| +
|
| li .status {
|
| float: right;
|
| height: 16px;
|
| @@ -2333,6 +2375,8 @@
|
| }
|
|
|
| .sidebar-tree-item .titles {
|
| + display: flex;
|
| + flex-direction: column;
|
| position: relative;
|
| top: 5px;
|
| line-height: 12px;
|
| @@ -2342,6 +2386,10 @@
|
| white-space: nowrap;
|
| }
|
|
|
| +.titles > .title-container {
|
| + display: flex;
|
| +}
|
| +
|
| .sidebar-tree-item .titles.no-subtitle {
|
| top: 10px;
|
| }
|
| @@ -2489,17 +2537,6 @@
|
| background-color: rgb(255, 255, 194);
|
| }
|
|
|
| -.source-frame-stepin-mark {
|
| - cursor: pointer;
|
| - text-decoration: underline;
|
| -}
|
| -
|
| -.source-frame-stepin-mark-highlighted {
|
| - font-weight: 800;
|
| - cursor: pointer;
|
| - text-decoration: underline;
|
| -}
|
| -
|
| .workers-list {
|
| list-style: none;
|
| margin: 0;
|
| @@ -2604,7 +2641,7 @@
|
| body.platform-mac .soft-context-menu-item-mouse-over {
|
| border-top: 1px solid rgb(90, 131, 236);
|
| border-bottom: 1px solid rgb(18, 88, 233);
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(100, 140, 243)), to(rgb(36, 101, 243)));
|
| + background-image: linear-gradient(to bottom, rgb(100, 140, 243), rgb(36, 101, 243));
|
| }
|
|
|
| .soft-context-menu-item-checkmark {
|
| @@ -2633,11 +2670,12 @@
|
| .search-drawer-header {
|
| flex: none;
|
| padding: 4px;
|
| + display: flex;
|
| }
|
|
|
| .search-drawer-header input[type="text"].search-config-search {
|
| -webkit-appearance: none;
|
| - padding: 0 2px;
|
| + padding: 0 3px;
|
| margin: 0;
|
| border: 1px solid rgb(163, 163, 163);
|
| height: 20px;
|
| @@ -2655,22 +2693,12 @@
|
| }
|
|
|
| .search-drawer-header label.search-config-label {
|
| + margin: auto 0;
|
| margin-left: 8px;
|
| color: #303030;
|
| + display: flex;
|
| }
|
|
|
| -.search-drawer-header input[type="checkbox"].search-config-checkbox {
|
| - vertical-align: bottom;
|
| -}
|
| -
|
| -body:not(.platform-mac) .search-drawer-header input[type="checkbox"].search-config-checkbox {
|
| - margin-bottom: 5px;
|
| -}
|
| -
|
| -body.platform-mac .search-drawer-header input[type="checkbox"].search-config-checkbox {
|
| - margin-bottom: 4px;
|
| -}
|
| -
|
| #bottom-status-bar-container {
|
| -webkit-flex: 1 1 0;
|
| width: 0;
|
| @@ -2726,16 +2754,17 @@
|
| background-image: url(Images/statusbarButtonGlyphs.png);
|
| background-size: 320px 144px;
|
| opacity: 0.5;
|
| - width: 8px;
|
| + width: 12px;
|
| content: "a";
|
| color: transparent;
|
| margin-left: -5px;
|
| padding-right: 4px;
|
| + display: inline-block;
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| #search-results-pane-file-based li.parent::before {
|
| - background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + background-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -2980,16 +3009,22 @@
|
| max-width: 200px;
|
| }
|
|
|
| -.inspector-view {
|
| +.root-view {
|
| overflow: hidden;
|
| + position: absolute !important;
|
| + left: 0;
|
| + top: 0;
|
| }
|
|
|
| -.inspector-footer.status-bar {
|
| - flex: 0 0 auto;
|
| +.search-bar {
|
| + flex: 0 0 23px;
|
| background-color: rgb(236, 236, 236);
|
| - height: auto;
|
| }
|
|
|
| +.search-bar.replaceable {
|
| + flex: 0 0 44px;
|
| +}
|
| +
|
| .progress-bar-container {
|
| display: inline-flex;
|
| margin: 0 8px;
|
| @@ -3040,10 +3075,15 @@
|
| display: none;
|
| }
|
|
|
| -body.dock-to-bottom #inspector-split-view > .split-view-resizer {
|
| - display: none;
|
| +.root-view > .split-view > .split-view-sidebar {
|
| + position: relative;
|
| }
|
|
|
| +select.drop-down-menu {
|
| + border: none;
|
| + -webkit-appearance: none;
|
| +}
|
| +
|
| /* inspectorCommon.css */
|
|
|
| html {
|
| @@ -3052,11 +3092,9 @@
|
|
|
| body {
|
| cursor: default;
|
| - position: absolute;
|
| - top: 0;
|
| - bottom: 0;
|
| - left: 0;
|
| - right: 0;
|
| + position: relative;
|
| + height: 100%;
|
| + width: 100%;
|
| overflow: hidden;
|
| font-family: Lucida Grande, sans-serif;
|
| font-size: 12px;
|
| @@ -3080,7 +3118,7 @@
|
| font-family: 'Segoe UI', Tahoma, sans-serif;
|
| }
|
|
|
| -* {
|
| +*, *::before, *::after {
|
| box-sizing: border-box;
|
| }
|
|
|
| @@ -3244,6 +3282,12 @@
|
| padding: 0;
|
| }
|
|
|
| +.network-timing-table td.caution {
|
| + font-weight: bold;
|
| + color: rgb(255, 128, 0);
|
| + padding: 2px 0;
|
| +}
|
| +
|
| .network-timing-row {
|
| position: relative;
|
| height: 16px;
|
| @@ -3287,7 +3331,19 @@
|
| font-size: 11px;
|
| }
|
|
|
| +.pie-chart {
|
| + position: relative;
|
| +}
|
|
|
| +.pie-chart-foreground {
|
| + position: absolute;
|
| + width: 100%;
|
| + height: 100%;
|
| + text-align: center;
|
| + z-index: 10;
|
| + top: 0;
|
| +}
|
| +
|
| /* inspectorSyntaxHighlight.css */
|
|
|
| /*
|
| @@ -3391,6 +3447,12 @@
|
| color: #00e;
|
| }
|
|
|
| +.webkit-html-resource-link {
|
| + /* Required for consistency with view-source.css, since anchors may not have href attributes */
|
| + text-decoration: underline;
|
| + cursor: pointer;
|
| +}
|
| +
|
| .webkit-html-external-link {
|
| /* Keep this in sync with view-source.css (.webkit-html-external-link) */
|
| text-decoration: none;
|
| @@ -3413,7 +3475,7 @@
|
| position: absolute;
|
| -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25;
|
| border-width: 25px;
|
| - z-index: 100;
|
| + z-index: 600;
|
| pointer-events: none;
|
| }
|
|
|
|
|
Chromium Code Reviews
Issue 310483004:
Roll reference builds to 35.0.1916.114. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/deps/reference_builds/