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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/treeoutline.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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/sources/sourcesPanel.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright 2015 The Chromium Authors. All rights reserved. 2 * Copyright 2015 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 .tree-outline { 7 .tree-outline {
8 padding: 0 0 4px 4px; 8 padding: 0 0 4px 4px;
9 margin: 0; 9 margin: 0;
10 z-index: 0; 10 z-index: 0;
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
58 padding: 0; 58 padding: 0;
59 } 59 }
60 60
61 .tree-outline ol { 61 .tree-outline ol {
62 padding-left: 12px; 62 padding-left: 12px;
63 } 63 }
64 64
65 .tree-outline li { 65 .tree-outline li {
66 text-overflow: ellipsis; 66 text-overflow: ellipsis;
67 white-space: nowrap; 67 white-space: nowrap;
68 overflow: hidden;
69 min-height: 17px; 68 min-height: 17px;
70 padding-top: 2px; 69 padding-top: 2px;
71 position: relative; 70 position: relative;
72 } 71 }
73 72
74 ol.tree-outline:focus li.selected { 73 ol.tree-outline:focus li.selected {
75 color: white; 74 color: white;
76 } 75 }
77 76
78 ol.tree-outline:focus li.selected * { 77 ol.tree-outline:focus li.selected * {
79 color: inherit; 78 color: inherit;
80 } 79 }
81 80
82 .tree-outline li::before { 81 .tree-outline li::before {
83 float: left;
84 -webkit-user-select: none; 82 -webkit-user-select: none;
85 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 83 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
86 -webkit-mask-size: 352px 168px; 84 -webkit-mask-size: 352px 168px;
87 content: "a"; 85 content: "aa";
88 color: transparent; 86 color: transparent;
89 text-shadow: none; 87 text-shadow: none;
90 position: relative; 88 margin-right: -2px;
91 margin-right: 1px; 89 height: 12px;
92 top: 1px;
93 width: 10px;
94 height: 10px;
95 } 90 }
96 91
97 .tree-outline li:not(.parent)::before { 92 .tree-outline li:not(.parent)::before {
98 background-color: transparent; 93 background-color: transparent;
99 } 94 }
100 95
101 @media (-webkit-min-device-pixel-ratio: 1.5) { 96 @media (-webkit-min-device-pixel-ratio: 1.5) {
102 .tree-outline li::before { 97 .tree-outline li::before {
103 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 98 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
104 } 99 }
105 } /* media */ 100 } /* media */
106 101
107 .tree-outline li::before { 102 .tree-outline li::before {
108 -webkit-mask-position: -4px -96px; 103 -webkit-mask-position: -4px -96px;
109 background-color: rgb(110, 110, 110); 104 background-color: rgb(110, 110, 110);
110 } 105 }
111 106
112 .tree-outline li.parent.expanded::before { 107 .tree-outline li.parent.expanded::before {
113 -webkit-mask-position: -20px -96px; 108 -webkit-mask-position: -20px -96px;
114 } 109 }
115 110
116 .tree-outline ol.children { 111 .tree-outline ol.children {
117 display: none; 112 display: none;
118 } 113 }
119 114
120 .tree-outline ol.children.expanded { 115 .tree-outline ol.children.expanded {
121 display: block; 116 display: block;
122 } 117 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/sources/sourcesPanel.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698