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

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

Issue 2267533002: ChromeOS: Update styles of material design OOBE. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Update after review Created 4 years, 3 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 #oobe-welcome-md .buttonbox { 5 /************* Welcome Screen **************/
6 font-size: 32px; 6 #welcomeScreen #welcomeIllustration {
7 padding: 15px 24px 24px; 7 height: max-content;
8 width: 100px; 8 width: max-content;
9 } 9 }
10 10
11 #oobe-welcome-md .welcome-next { 11 #welcomeScreen #welcomeNextButton {
12 padding: 15px 24px 24px; 12 padding-top: 32px;
13 } 13 }
14 14
15 #oobe-welcome-md .bottom-button { 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 {
16 --iron-icon-height: 32px; 34 --iron-icon-height: 32px;
17 --iron-icon-width: 32px; 35 --iron-icon-width: 32px;
18 } 36 }
19 37
20 .language-selection-entry { 38 #welcomeScreen .action-icon-spacer {
39 margin: 0;
40 padding: 0;
41 width: 218px;
42 }
43
44 /************* Language Screen **************/
45 #languageScreen .language-selection-entry {
21 border-top: 1px solid lightgrey; 46 border-top: 1px solid lightgrey;
22 height: 44px; 47 height: 44px;
23 padding: 0 20px; 48 padding: 0 20px;
24 } 49 }
25 50
26 .language-selection-entry:last-of-type { 51 #languageScreen .language-selection-entry:last-of-type {
27 border-bottom: 1px solid lightgrey; 52 border-bottom: 1px solid lightgrey;
28 } 53 }
29 54
30 .language-selection-title { 55 #languageScreen .language-selection-title {
31 color: rgba(0, 0, 0, 0.87); 56 color: rgba(0, 0, 0, 0.87);
32 font: 13px Roboto, sans-serif; 57 font: 13px Roboto, sans-serif;
33 } 58 }
34 59
35 oobe-a11y-option { 60 /************* Accessibility Screen **************/
61 #accessibilityScreen oobe-a11y-option {
36 border-top: 1px solid lightgrey; 62 border-top: 1px solid lightgrey;
37 min-height: 56px; 63 min-height: 56px;
38 } 64 }
39 65
40 oobe-a11y-option:last-of-type { 66 #accessibilityScreen oobe-a11y-option:last-of-type {
41 border-bottom: 1px solid rgba(0, 0, 0, 0.14); 67 border-bottom: 1px solid rgba(0, 0, 0, 0.14);
42 } 68 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698