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

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe_welcome_secondary_button.css

Issue 2501593002: ChromeOS OOBE: Fix keyboard focusing of OOBE buttons. (Closed)
Patch Set: Rebased. Created 4 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
« no previous file with comments | « chrome/browser/resources/chromeos/login/oobe_welcome_dialog.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2016 The Chromium Authors. All rights reserved. 1 /* Copyright 2016 The Chromium Authors. All rights reserved.
2 Use of this source code is governed by a BSD-style license that can be 2 Use of this source code is governed by a BSD-style license that can be
3 found in the LICENSE file. */ 3 found in the LICENSE file. */
4 :host { 4 :host {
5 color: #5a5a5a;
6 height: 32px; /* = 28 + 2 * 2px keyboad-focus border */
7 max-width: 300px;
8 min-width: 120px;
9 }
10
11 #button {
12 --paper-button-flat-keyboard-focus: {
13 border-color: rgba(66, 133, 244, 0.4); /* #4284f4 */
14 border-radius: 2px;
15 border-style: solid;
16 border-width: 2px;
17 };
18 height: 100%;
19 margin: 0;
20 padding: 0;
21 width: 100%;
22 }
23
24 #button:not([focused]) {
25 border-color: transparent;
26 border-radius: 2px;
27 border-style: solid;
28 border-width: 2px;
29 }
30
31 #container {
5 border-color: rgba(0, 0, 0, 0.2); 32 border-color: rgba(0, 0, 0, 0.2);
6 border-radius: 2px; 33 border-radius: 2px;
7 border-style: solid; 34 border-style: solid;
8 border-width: 1px; 35 border-width: 1px;
9 color: #5a5a5a;
10 height: 28px;
11 max-width: 300px;
12 min-width: 120px;
13 } 36 }
14 37
15 #container { 38 #subcontainer {
16 height: 100%;
17 margin: 0;
18 padding: 0 16px 0 16px; 39 padding: 0 16px 0 16px;
19 } 40 }
20 41
21 ::content * { 42 ::content * {
22 font: var(--oobe-roboto-medium), sans-serif; 43 font: var(--oobe-roboto-medium), sans-serif;
23 font-size: 12px; 44 font-size: 12px;
24 text-transform: none; 45 text-transform: none;
25 } 46 }
26 47
27 iron-icon { 48 iron-icon {
28 --iron-icon-height: 16px; 49 --iron-icon-height: 16px;
29 --iron-icon-width: 16px; 50 --iron-icon-width: 16px;
30 color: #5a5a5a; 51 color: #5a5a5a;
31 margin: 0 8px 0 0; 52 margin: 0 8px 0 0;
32 } 53 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/login/oobe_welcome_dialog.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698