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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

Issue 1450133003: [DevTools] Promote Device Mode v2 to default experiments. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: tweaks Created 5 years, 1 month 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 266 matching lines...) Expand 10 before | Expand all | Expand 10 after
277 277
278 .menu-toolbar-item .glyph { 278 .menu-toolbar-item .glyph {
279 -webkit-mask-position: -192px -24px; 279 -webkit-mask-position: -192px -24px;
280 } 280 }
281 281
282 .node-search-toolbar-item .glyph { 282 .node-search-toolbar-item .glyph {
283 -webkit-mask-position: -320px -120px; 283 -webkit-mask-position: -320px -120px;
284 } 284 }
285 285
286 .emulation-toolbar-item .glyph { 286 .emulation-toolbar-item .glyph {
287 -webkit-mask-position: -288px -144px;
288 }
289
290 @media (-webkit-min-device-pixel-ratio: 1.5) {
291 .emulation-toolbar-item .glyph {
287 -webkit-mask-position: -160px 0; 292 -webkit-mask-position: -160px 0;
288 } 293 }
294 }
289 295
290 .emulation-toolbar-item.warning::after { 296 .emulation-toolbar-item.warning::after {
291 background-image: url(Images/toolbarButtonGlyphs.png); 297 background-image: url(Images/toolbarButtonGlyphs.png);
292 background-size: 352px 168px; 298 background-size: 352px 168px;
293 width: 10px; 299 width: 10px;
294 height: 12px; 300 height: 12px;
295 content: ""; 301 content: "";
296 position: absolute; 302 position: absolute;
297 right: 3px; 303 right: 3px;
298 bottom: 2px; 304 bottom: 2px;
(...skipping 245 matching lines...) Expand 10 before | Expand all | Expand 10 after
544 550
545 .block-toolbar-item .glyph { 551 .block-toolbar-item .glyph {
546 -webkit-mask-position: -32px -144px; 552 -webkit-mask-position: -32px -144px;
547 } 553 }
548 554
549 .block-toolbar-item.toggled-active .glyph { 555 .block-toolbar-item.toggled-active .glyph {
550 background-color: rgb(216, 0, 0) !important; 556 background-color: rgb(216, 0, 0) !important;
551 } 557 }
552 558
553 .desktop-toolbar-item .glyph { 559 .desktop-toolbar-item .glyph {
560 -webkit-mask-position: -256px -144px;
561 }
562
563 @media (-webkit-min-device-pixel-ratio: 1.5) {
564 .desktop-toolbar-item .glyph {
554 -webkit-mask-position: -160px -144px; 565 -webkit-mask-position: -160px -144px;
555 } 566 }
567 }
556 568
557 .rotate-screen-toolbar-item .glyph { 569 .rotate-screen-toolbar-item .glyph {
558 -webkit-mask-position: -192px -144px; 570 -webkit-mask-position: -192px -144px;
559 } 571 }
560 572
561 .fullscreen-toolbar-item .glyph { 573 .fullscreen-toolbar-item .glyph {
562 -webkit-mask-position: -224px -144px; 574 -webkit-mask-position: -224px -144px;
563 } 575 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/main/Main.js ('k') | third_party/WebKit/Source/devtools/protocol.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698