Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(918)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css

Issue 1574213006: DevTools: beautified styles sidebar toolbar. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: review comments addressed. Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .elements-disclosure { 7 .elements-disclosure {
8 width: 100%; 8 width: 100%;
9 display: inline-block; 9 display: inline-block;
10 line-height: normal; 10 line-height: normal;
11 } 11 }
12 12
13 .elements-disclosure li { 13 .elements-disclosure li {
14 /** Keep margin-left & padding-left in sync with ElementsTreeElements.update Decorators **/ 14 /** Keep margin-left & padding-left in sync with ElementsTreeElements.update Decorators **/
15 padding: 0 0 0 14px; 15 padding: 0 0 0 14px;
16 margin-top: 1px; 16 margin-top: 1px;
17 margin-left: -2px; 17 margin-left: -2px;
18 word-wrap: break-word; 18 word-wrap: break-word;
19 position: relative; 19 position: relative;
20 min-height: 14px; 20 min-height: 14px;
21 } 21 }
22 22
23 .elements-disclosure li.parent { 23 .elements-disclosure li.parent {
24 /** Keep it in sync with ElementsTreeElements.updateDecorators **/ 24 /** Keep it in sync with ElementsTreeElements.updateDecorators **/
25 margin-left: -13px; 25 margin-left: -13px;
26 } 26 }
27 27
28 .elements-disclosure li.selected:after {
29 font-style: italic;
30 content: " == $0";
31 color: #555;
32 }
33
34 .elements-disclosure ol:focus li.selected:after {
35 color: white;
36 }
37
28 .elements-disclosure li.parent::before { 38 .elements-disclosure li.parent::before {
29 box-sizing: border-box; 39 box-sizing: border-box;
30 } 40 }
31 41
32 .elements-disclosure li.parent::before { 42 .elements-disclosure li.parent::before {
33 -webkit-user-select: none; 43 -webkit-user-select: none;
34 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 44 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
35 -webkit-mask-size: 352px 168px; 45 -webkit-mask-size: 352px 168px;
36 content: "aa"; 46 content: "aa";
37 color: transparent; 47 color: transparent;
(...skipping 292 matching lines...) Expand 10 before | Expand all | Expand 10 after
330 -webkit-mask-size: 352px 168px; 340 -webkit-mask-size: 352px 168px;
331 background-color: white; 341 background-color: white;
332 cursor: pointer; 342 cursor: pointer;
333 } 343 }
334 344
335 @media (-webkit-min-device-pixel-ratio: 1.5) { 345 @media (-webkit-min-device-pixel-ratio: 1.5) {
336 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { 346 .elements-disclosure li.selected .gutter-container:not(.has-decorations) {
337 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 347 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
338 } 348 }
339 } /* media */ 349 } /* media */
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698