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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/emulation/deviceModeToolbar.css

Issue 1599603002: [DevTools] Device Mode toolbar updates. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebased Created 4 years, 11 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 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 .device-mode-size-input { 7 .device-mode-size-input {
8 background: hsl(0, 0%, 100%); 8 background: hsl(0, 0%, 100%);
9 border: none; 9 border: none;
10 padding: 2px 0; 10 padding: 2px 0;
11 width: 39px !important; 11 width: 34px !important;
12 margin: 0 3px; 12 margin: 0 2px;
13 text-align: center; 13 text-align: center;
14 box-shadow: 0px 0px 1px 0px hsla(0, 0%, 0%, 0.13); 14 box-shadow: 0px 0px 1px 0px hsla(0, 0%, 0%, 0.13);
15 border-radius: 1px; 15 border-radius: 1px;
16 height: 18px; 16 height: 18px;
17 } 17 }
18 18
19 .device-mode-size-input:focus::-webkit-input-placeholder { 19 .device-mode-size-input:focus::-webkit-input-placeholder {
20 color: transparent; 20 color: transparent;
21 } 21 }
22 22
23 .device-mode-size-input.error-input { 23 .device-mode-size-input.error-input {
24 outline: auto 2px red; 24 outline: auto 2px red;
25 } 25 }
26 26
27 .device-mode-size-input:disabled { 27 .device-mode-size-input:disabled {
28 background: transparent; 28 background: transparent;
29 box-shadow: none;
29 -webkit-user-select: none; 30 -webkit-user-select: none;
30 } 31 }
31 32
32 .device-mode-x { 33 .device-mode-x {
33 margin: 0 1px; 34 margin: 0 1px;
34 font-size: 16px; 35 font-size: 16px;
35 } 36 }
36
37 .device-mode-device-select {
38 background: none;
39 box-shadow: none;
40 border: none;
41 outline: none;
42 padding: 0 2px;
43 -webkit-appearance: menulist;
44 margin: 0;
45 width: 120px;
46 }
47
48 .device-mode-checkbox {
49 width: 120px;
50 display: flex;
51 flex-direction: row;
52 justify-content: center;
53 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698