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

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe_text_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
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 4
5 #textButton { 5 #textButton {
6 height: 28px; 6 --paper-button-flat-keyboard-focus: {
7 border-color: rgba(66, 133, 244, 0.4); /* #4284f4 */
8 border-radius: 2px;
9 border-style: solid;
10 border-width: 2px;
11 };
12 height: 32px; /* = 28px + 2 * 2px border */
7 margin: 0; 13 margin: 0;
14 padding: 0;
15 }
16
17 #textButton:not([focused]) {
18 border-color: transparent;
19 border-radius: 2px;
20 border-style: solid;
21 border-width: 2px;
22 }
23
24 #container {
25 border-radius: 2px;
8 padding: 0 16px; 26 padding: 0 16px;
9 } 27 }
10 28
11 #textButton:not([inverse]):not([disabled]) { 29 #textButton:not([inverse]):not([disabled]) #container {
12 background-color: white 30 background-color: white
13 color: var(--google-blue-500); 31 color: var(--google-blue-500);
14 } 32 }
15 33
16 #textButton[inverse]:not([disabled]) { 34 #textButton[inverse]:not([disabled]) #container {
17 background-color: var(--google-blue-500); 35 background-color: var(--google-blue-500);
18 color: white; 36 color: white;
19 } 37 }
20 38
21 ::content * { 39 ::content * {
22 font: var(--oobe-roboto-medium), sans-serif; 40 font: var(--oobe-roboto-medium), sans-serif;
23 font-size: 12px; 41 font-size: 12px;
24 text-transform: none; 42 text-transform: none;
25 } 43 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698