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

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

Issue 2096183002: DevTools: Added styling to focused checkboxes (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Use default outline and allow focus styling opt-in Created 4 years, 5 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 padding: 0; 8 padding: 0;
9 margin: 0; 9 margin: 0;
10 display: inline-flex; 10 display: inline-flex;
11 flex-shrink: 0; 11 flex-shrink: 0;
12 align-items: center !important; 12 align-items: center !important;
13 } 13 }
14 14
15 input { 15 input {
16 height: 12px; 16 height: 12px;
17 width: 12px; 17 width: 12px;
18 flex-shrink: 0; 18 flex-shrink: 0;
19 } 19 }
20 20
21 input.dt-checkbox-focus-visible:focus {
22 outline: auto 5px -webkit-focus-ring-color;
23 }
24
21 input.dt-checkbox-themed { 25 input.dt-checkbox-themed {
22 -webkit-appearance: none; 26 -webkit-appearance: none;
23 margin: 0 5px auto 2px; 27 margin: 0 5px auto 2px;
24 border: 1px solid rgb(45, 45, 45); 28 border: 1px solid rgb(45, 45, 45);
25 border-radius: 3px; 29 border-radius: 3px;
26 background-color: rgb(102, 102, 102); 30 background-color: rgb(102, 102, 102);
27 position: relative; 31 position: relative;
28 top: 1px; 32 top: 1px;
29 } 33 }
30 34
(...skipping 24 matching lines...) Expand all
55 59
56 } /* media */ 60 } /* media */
57 61
58 ::content .dt-checkbox-text { 62 ::content .dt-checkbox-text {
59 margin-left: 3px; 63 margin-left: 3px;
60 } 64 }
61 65
62 ::content .dt-checkbox-subtitle { 66 ::content .dt-checkbox-subtitle {
63 color: gray; 67 color: gray;
64 } 68 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698