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

Side by Side Diff: Source/devtools/front_end/ui/toolbar.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) 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 :host { 7 :host {
8 flex: none; 8 flex: none;
9 padding: 0 2px; 9 padding: 0 2px;
10 } 10 }
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after
67 67
68 .toolbar-item .toolbar-button-text { 68 .toolbar-item .toolbar-button-text {
69 font-weight: bold; 69 font-weight: bold;
70 color: #5a5a5a; 70 color: #5a5a5a;
71 } 71 }
72 72
73 .long-click-glyph { 73 .long-click-glyph {
74 background-color: #595959; 74 background-color: #595959;
75 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 75 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
76 -webkit-mask-position: -288px -48px; 76 -webkit-mask-position: -288px -48px;
77 -webkit-mask-size: 352px 144px; 77 -webkit-mask-size: 352px 168px;
78 z-index: 1; 78 z-index: 1;
79 width: 32px; 79 width: 32px;
80 height: 26px; 80 height: 26px;
81 } 81 }
82 82
83 @media (-webkit-min-device-pixel-ratio: 1.5) { 83 @media (-webkit-min-device-pixel-ratio: 1.5) {
84 .long-click-glyph { 84 .long-click-glyph {
85 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 85 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
86 } 86 }
87 } /* media */ 87 } /* media */
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
128 } 128 }
129 129
130 .toolbar-select-container { 130 .toolbar-select-container {
131 display: inline-flex; 131 display: inline-flex;
132 flex-shrink: 0; 132 flex-shrink: 0;
133 margin-right: 6px; 133 margin-right: 6px;
134 } 134 }
135 135
136 .toolbar-select-arrow { 136 .toolbar-select-arrow {
137 background-image: url(Images/toolbarButtonGlyphs.png); 137 background-image: url(Images/toolbarButtonGlyphs.png);
138 background-size: 352px 144px; 138 background-size: 352px 168px;
139 opacity: 0.7; 139 opacity: 0.7;
140 width: 12px; 140 width: 12px;
141 height: 12px; 141 height: 12px;
142 background-position: -18px -96px; 142 background-position: -18px -96px;
143 display: inline-block; 143 display: inline-block;
144 pointer-events: none; 144 pointer-events: none;
145 margin: auto 0; 145 margin: auto 0;
146 } 146 }
147 147
148 @media (-webkit-min-device-pixel-ratio: 1.5) { 148 @media (-webkit-min-device-pixel-ratio: 1.5) {
(...skipping 27 matching lines...) Expand all
176 margin-right: -10px; 176 margin-right: -10px;
177 position: relative; 177 position: relative;
178 } 178 }
179 179
180 .toolbar-item.checkbox { 180 .toolbar-item.checkbox {
181 padding: 0 5px 0 2px; 181 padding: 0 5px 0 2px;
182 } 182 }
183 183
184 .toolbar-item > .glyph { 184 .toolbar-item > .glyph {
185 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 185 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
186 -webkit-mask-size: 352px 144px; 186 -webkit-mask-size: 352px 168px;
187 background-color: #5a5a5a; 187 background-color: #5a5a5a;
188 z-index: 1; 188 z-index: 1;
189 width: 32px; 189 width: 32px;
190 height: 24px; 190 height: 24px;
191 } 191 }
192 192
193 .toolbar-item > .glyph { 193 .toolbar-item > .glyph {
194 position: relative; 194 position: relative;
195 left: -3px; 195 left: -3px;
196 } 196 }
(...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after
276 .node-search-toolbar-item .glyph { 276 .node-search-toolbar-item .glyph {
277 -webkit-mask-position: -320px -120px; 277 -webkit-mask-position: -320px -120px;
278 } 278 }
279 279
280 .emulation-toolbar-item .glyph { 280 .emulation-toolbar-item .glyph {
281 -webkit-mask-position: -160px 0; 281 -webkit-mask-position: -160px 0;
282 } 282 }
283 283
284 .emulation-toolbar-item.warning::after { 284 .emulation-toolbar-item.warning::after {
285 background-image: url(Images/toolbarButtonGlyphs.png); 285 background-image: url(Images/toolbarButtonGlyphs.png);
286 background-size: 352px 144px; 286 background-size: 352px 168px;
287 width: 10px; 287 width: 10px;
288 height: 12px; 288 height: 12px;
289 content: ""; 289 content: "";
290 position: absolute; 290 position: absolute;
291 right: 3px; 291 right: 3px;
292 bottom: 2px; 292 bottom: 2px;
293 background-position: -202px -107px; 293 background-position: -202px -107px;
294 z-index: 1; 294 z-index: 1;
295 } 295 }
296 296
(...skipping 219 matching lines...) Expand 10 before | Expand all | Expand 10 after
516 } 516 }
517 517
518 .playback-rate-button.toggled-on > .toolbar-button-text { 518 .playback-rate-button.toggled-on > .toolbar-button-text {
519 color: rgb(66, 129, 235); 519 color: rgb(66, 129, 235);
520 } 520 }
521 521
522 button.playback-rate-button { 522 button.playback-rate-button {
523 width: auto; 523 width: auto;
524 margin-right: 10px; 524 margin-right: 10px;
525 } 525 }
526
527 .layout-editor-toolbar-item .glyph {
528 -webkit-mask-position: 0 -144px;
529 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/ui/splitWidget.css ('k') | Source/devtools/front_end/ui/treeoutline.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698