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

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

Issue 2745843004: ChromeOS OOBE: Fix OK button on Welcome screen. (Closed)
Patch Set: Update after review. Created 3 years, 9 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 /* 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 paper-button {
6 --paper-button-flat-keyboard-focus: { 6 border-color: var(--oobe-text-button-border-color, transparent);
7 border-color: rgba(66, 133, 244, 0.4); /* #4284f4 */ 7 border-radius: 2px;
8 border-radius: 2px; 8 border-style: solid;
9 border-style: solid; 9 border-width: 2px;
10 border-width: 2px;
11 };
12 height: 32px; /* = 28px + 2 * 2px border */ 10 height: 32px; /* = 28px + 2 * 2px border */
13 margin: 0; 11 margin: 0;
14 padding: 0; 12 padding: 0;
15 } 13 }
16 14
17 #textButton:not([focused]) { 15 paper-button[focused] {
18 border-color: var(--oobe-text-button-border-color, transparent); 16 border-color: var(--oobe-text-button-focused-border-color);
19 border-radius: 2px;
20 border-style: solid;
21 border-width: 2px;
22 } 17 }
23 18
24 #container { 19 #container {
25 border-radius: 2px; 20 border-radius: 2px;
26 padding: 0 16px; 21 padding: 0 16px;
27 } 22 }
28 23
29 #textButton:not([inverse]):not([disabled]) #container { 24 #textButton:not([inverse]):not([disabled]) #container {
30 background-color: white 25 background-color: white
31 color: var(--google-blue-500); 26 color: var(--google-blue-500);
32 } 27 }
33 28
34 #textButton[inverse]:not([disabled]) #container { 29 #textButton[inverse]:not([disabled]) #container {
35 background-color: var(--google-blue-500); 30 background-color: var(--google-blue-500);
36 color: white; 31 color: white;
37 } 32 }
38 33
39 ::content * { 34 ::content * {
40 font: var(--oobe-roboto-medium), sans-serif; 35 font: var(--oobe-roboto-medium), sans-serif;
41 font-size: 12px; 36 font-size: 12px;
42 text-transform: none; 37 text-transform: none;
43 } 38 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698