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

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

Issue 1461783003: [DevTools] Get rid of floats in treeoutline. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebaseline Created 5 years 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 } 20 }
21 21
22 .elements-disclosure li.parent { 22 .elements-disclosure li.parent {
23 /** Keep it in sync with ElementsTreeElements.updateDecorators **/ 23 /** Keep it in sync with ElementsTreeElements.updateDecorators **/
24 margin-left: -13px; 24 margin-left: -13px;
25 } 25 }
26 26
27 .elements-disclosure li.parent::before { 27 .elements-disclosure li.parent::before {
28 float: left;
29 width: 10px;
30 box-sizing: border-box; 28 box-sizing: border-box;
31 } 29 }
32 30
33 .elements-disclosure li.parent::before { 31 .elements-disclosure li.parent::before {
34 -webkit-user-select: none; 32 -webkit-user-select: none;
35 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 33 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
36 -webkit-mask-size: 352px 168px; 34 -webkit-mask-size: 352px 168px;
37 content: "a"; 35 content: "aa";
38 color: transparent; 36 color: transparent;
39 text-shadow: none; 37 text-shadow: none;
40 margin-right: 1px; 38 margin-right: -3px;
41 } 39 }
42 40
43 .elements-disclosure li.always-parent::before { 41 .elements-disclosure li.always-parent::before {
44 visibility: hidden; 42 visibility: hidden;
45 } 43 }
46 44
47 @media (-webkit-min-device-pixel-ratio: 1.5) { 45 @media (-webkit-min-device-pixel-ratio: 1.5) {
48 .elements-disclosure li.parent::before { 46 .elements-disclosure li.parent::before {
49 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 47 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
50 } 48 }
(...skipping 267 matching lines...) Expand 10 before | Expand all | Expand 10 after
318 ol:focus li.selected .webkit-html-resource-link { 316 ol:focus li.selected .webkit-html-resource-link {
319 color: white; 317 color: white;
320 } 318 }
321 319
322 ol:focus li.selected .webkit-html-attribute-name { 320 ol:focus li.selected .webkit-html-attribute-name {
323 color: #ccc; 321 color: #ccc;
324 } 322 }
325 323
326 .elements-disclosure .gutter-container { 324 .elements-disclosure .gutter-container {
327 position: absolute; 325 position: absolute;
326 top: 0;
328 } 327 }
329 328
330 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { 329 .elements-disclosure li.selected .gutter-container:not(.has-decorations) {
331 left: 0px; 330 left: 0px;
332 width: 16.25px; 331 width: 16.25px;
333 height: 18px; 332 height: 18px;
334 transform: rotate(-90deg) translateX(-13px) scale(0.8); 333 transform: rotate(-90deg) translateX(-13px) scale(0.8);
335 transform-origin: 0% 0%; 334 transform-origin: 0% 0%;
336 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 335 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
337 -webkit-mask-position: -201px -27px; 336 -webkit-mask-position: -201px -27px;
338 -webkit-mask-size: 352px 168px; 337 -webkit-mask-size: 352px 168px;
339 background-color: white; 338 background-color: white;
340 cursor: pointer; 339 cursor: pointer;
341 } 340 }
342 341
343 @media (-webkit-min-device-pixel-ratio: 1.5) { 342 @media (-webkit-min-device-pixel-ratio: 1.5) {
344 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { 343 .elements-disclosure li.selected .gutter-container:not(.has-decorations) {
345 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 344 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
346 } 345 }
347 } /* media */ 346 } /* media */
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698