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

Side by Side Diff: Source/devtools/front_end/timeline/timelinePanel.css

Issue 1290883006: Devtools: Add new row in toolbarButtonGlyphs and layout editor icon (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rebase Created 5 years, 4 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) 2006, 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 8 *
9 * 1. Redistributions of source code must retain the above copyright 9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
133 left: 0; 133 left: 0;
134 width: 3px; 134 width: 3px;
135 border-top: 1px solid rgb(163, 163, 163); 135 border-top: 1px solid rgb(163, 163, 163);
136 border-bottom: 1px solid rgb(163, 163, 163); 136 border-bottom: 1px solid rgb(163, 163, 163);
137 } 137 }
138 138
139 .timeline-tree-item-expand-arrow { 139 .timeline-tree-item-expand-arrow {
140 display: inline-block; 140 display: inline-block;
141 -webkit-user-select: none; 141 -webkit-user-select: none;
142 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 142 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
143 -webkit-mask-size: 352px 144px; 143 -webkit-mask-size: 352px 168px;
144 width: 10px; 144 width: 10px;
145 height: 10px; 145 height: 10px;
146 content: ""; 146 content: "";
147 background-color: rgb(110, 110, 110); 147 background-color: rgb(110, 110, 110);
148 position: relative; 148 position: relative;
149 top: -1px; 149 top: -1px;
150 left: -1px; 150 left: -1px;
151 } 151 }
152 152
153 @media (-webkit-min-device-pixel-ratio: 1.5) { 153 @media (-webkit-min-device-pixel-ratio: 1.5) {
154 .timeline-tree-item-expand-arrow { 154 .timeline-tree-item-expand-arrow {
155 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 155 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
156 } 156 }
157 } /* media */ 157 } /* media */
158 158
159 .timeline-tree-item-expand-arrow.parent { 159 .timeline-tree-item-expand-arrow.parent {
160 -webkit-mask-position: -4px -96px; 160 -webkit-mask-position: -4px -96px;
161 } 161 }
162 162
163 .timeline-tree-item-expand-arrow.parent.expanded { 163 .timeline-tree-item-expand-arrow.parent.expanded {
164 -webkit-mask-position: -20px -96px; 164 -webkit-mask-position: -20px -96px;
165 } 165 }
166 166
167 .timeline-expandable-arrow { 167 .timeline-expandable-arrow {
168 background-image: url(Images/toolbarButtonGlyphs.png); 168 background-image: url(Images/toolbarButtonGlyphs.png);
169 background-size: 352px 144px; 169 background-size: 352px 168px;
170 opacity: 0.5; 170 opacity: 0.5;
171 width: 10px; 171 width: 10px;
172 height: 10px; 172 height: 10px;
173 position: relative; 173 position: relative;
174 top: 3px; 174 top: 3px;
175 left: 2px; 175 left: 2px;
176 } 176 }
177 177
178 @media (-webkit-min-device-pixel-ratio: 1.5) { 178 @media (-webkit-min-device-pixel-ratio: 1.5) {
179 .timeline-expandable-arrow { 179 .timeline-expandable-arrow {
(...skipping 29 matching lines...) Expand all
209 display: inline-block; 209 display: inline-block;
210 } 210 }
211 211
212 .timeline-tree-item.background .timeline-tree-icon { 212 .timeline-tree-item.background .timeline-tree-icon {
213 background: none !important; 213 background: none !important;
214 } 214 }
215 215
216 .timeline-tree-item-warning { 216 .timeline-tree-item-warning {
217 display: block; 217 display: block;
218 background-image: url(Images/toolbarButtonGlyphs.png); 218 background-image: url(Images/toolbarButtonGlyphs.png);
219 background-size: 352px 144px; 219 background-size: 352px 168px;
220 width: 10px; 220 width: 10px;
221 height: 10px; 221 height: 10px;
222 float: right; 222 float: right;
223 background-position: -202px -107px; 223 background-position: -202px -107px;
224 position: relative; 224 position: relative;
225 top: 2px; 225 top: 2px;
226 } 226 }
227 227
228 .timeline-tree-item-child-warning { 228 .timeline-tree-item-child-warning {
229 opacity: 0.6; 229 opacity: 0.6;
(...skipping 823 matching lines...) Expand 10 before | Expand all | Expand 10 after
1053 position: absolute; 1053 position: absolute;
1054 right: -2px; 1054 right: -2px;
1055 bottom: 0px; 1055 bottom: 0px;
1056 border-bottom: 1px solid hsl(0, 100%, 74%); 1056 border-bottom: 1px solid hsl(0, 100%, 74%);
1057 } 1057 }
1058 1058
1059 .timeline-tree-view .data-grid .selected .background-bar { 1059 .timeline-tree-view .data-grid .selected .background-bar {
1060 background-color: rgba(255,255,255,0.25); 1060 background-color: rgba(255,255,255,0.25);
1061 border-bottom-color: transparent; 1061 border-bottom-color: transparent;
1062 } 1062 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/sources/sourcesSearch.css ('k') | Source/devtools/front_end/ui/checkboxTextLabel.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698