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

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

Issue 2398383002: ChromeOS: Update Welcome screen material design OOBE. (Closed)
Patch Set: Update after review. Created 4 years, 2 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 /************* Welcome Screen **************/
6 #welcomeScreen #welcomeIllustration {
7 height: max-content;
8 width: max-content;
9 }
10
11 #welcomeScreen #welcomeNextButton {
12 padding-top: 32px;
13 }
14
15 #welcomeScreen #welcomeButtons {
16 font-size: 16px;
17 padding-top: 24px;
18 }
19
20 #welcomeScreen .buttonbox-text {
21 align-self: center;
22 color: rgba(0, 0, 0, 0.54);
23 font: 16px Roboto, sans-serif;
24 /* TODO(alemate): max-width should depend on Timezone visibility. */
25 max-width: 220px;
26 padding-top: 32px;
27 position: absolute;
28 text-align: center;
29 top: 32px;
30 width: max-content;
31 }
32
33 #welcomeScreen .action-icon {
34 --iron-icon-height: 32px;
35 --iron-icon-width: 32px;
36 }
37
38 #welcomeScreen .action-icon-spacer {
39 margin: 0;
40 padding: 0;
41 width: 218px;
42 }
43
44 /************* Language Screen **************/ 5 /************* Language Screen **************/
45 #languageScreen .language-selection-entry { 6 #languageScreen .language-selection-entry {
46 border-top: 1px solid lightgrey; 7 border-top: 1px solid lightgrey;
47 height: 44px; 8 height: 44px;
48 padding: 0 20px; 9 padding: 0 20px;
49 } 10 }
50 11
51 #languageScreen .language-selection-entry:last-of-type { 12 #languageScreen .language-selection-entry:last-of-type {
52 border-bottom: 1px solid lightgrey; 13 border-bottom: 1px solid lightgrey;
53 } 14 }
54 15
55 #languageScreen .language-selection-title { 16 #languageScreen .language-selection-title {
56 color: rgba(0, 0, 0, 0.87); 17 color: rgba(0, 0, 0, 0.87);
57 font: 13px Roboto, sans-serif; 18 font: 13px Roboto, sans-serif;
58 } 19 }
59 20
60 /************* Accessibility Screen **************/ 21 /************* Accessibility Screen **************/
61 #accessibilityScreen oobe-a11y-option { 22 #accessibilityScreen oobe-a11y-option {
62 border-top: 1px solid lightgrey; 23 border-top: 1px solid lightgrey;
63 min-height: 56px; 24 min-height: 56px;
64 } 25 }
65 26
66 #accessibilityScreen oobe-a11y-option:last-of-type { 27 #accessibilityScreen oobe-a11y-option:last-of-type {
67 border-bottom: 1px solid rgba(0, 0, 0, 0.14); 28 border-bottom: 1px solid rgba(0, 0, 0, 0.14);
68 } 29 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698