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

Side by Side Diff: chrome/browser/resources/signin/signin_shared_css.html

Issue 2625663003: Layout nits for the signin email confirmation dialog. (Closed)
Patch Set: Nits and use I18nBehavior.i18n Created 3 years, 11 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 <!-- Common styles for signin-related tab modal dialogs. --> 1 <!-- Common styles for signin-related tab modal dialogs. -->
2 <dom-module id="signin-dialog-shared"> 2 <dom-module id="signin-dialog-shared">
3 <template> 3 <template>
4 <style> 4 <style>
5 a { 5 a {
6 color: var(--google-blue-700); 6 color: var(--google-blue-700);
7 text-decoration: none; 7 text-decoration: none;
8 } 8 }
9 9
10 body { 10 body {
11 margin: 0; 11 margin: 0;
12 /* Scrollbars are hidden as the sign-in dialogs are automatically 12 /* Scrollbars are hidden as the sign-in dialogs are automatically
13 resized.*/ 13 * resized. */
14 overflow: hidden; 14 overflow: hidden;
15 padding: 0; 15 padding: 0;
16 } 16 }
17 17
18 paper-button { 18 paper-button {
19 font-weight: 500; 19 font-weight: 500;
20 line-height: 16px; 20 line-height: 16px;
21 margin: 0; 21 margin: 0;
22 padding: 8px 16px; 22 padding: 8px 16px;
23 } 23 }
(...skipping 10 matching lines...) Expand all
34 --paper-button-flat-keyboard-focus: { 34 --paper-button-flat-keyboard-focus: {
35 background: rgba(0, 0, 0, .12); 35 background: rgba(0, 0, 0, .12);
36 }; 36 };
37 color: var(--paper-grey-600); 37 color: var(--paper-grey-600);
38 } 38 }
39 39
40 paper-radio-button { 40 paper-radio-button {
41 --paper-radio-button-checked-color: var(--google-blue-500); 41 --paper-radio-button-checked-color: var(--google-blue-500);
42 --paper-radio-button-ink-size: 40px; 42 --paper-radio-button-ink-size: 40px;
43 --paper-radio-button-label-spacing: 16px; 43 --paper-radio-button-label-spacing: 16px;
44 --paper-radio-button-unchecked-color: var(--paper-grey-600);
44 } 45 }
45 46
46 .container { 47 .container {
47 background-color: white; 48 background-color: white;
48 color: #333; 49 color: #333;
49 /* Scrollbars are hidden as the sign-in dialogs are automatically 50 /* Scrollbars are hidden as the sign-in dialogs are automatically
50 resized.*/ 51 * resized. */
51 overflow: hidden; 52 overflow: hidden;
52 width: 448px; 53 width: 448px;
53 } 54 }
54 55
55 .top-title-bar { 56 .top-title-bar {
56 align-items: center; 57 align-items: center;
57 border-bottom: 1px solid var(--paper-grey-300); 58 border-bottom: 1px solid var(--paper-grey-300);
58 display: flex; 59 display: flex;
59 font-size: 16px; 60 font-size: 16px;
60 height: 52px; 61 height: 52px;
61 padding: 0 24px; 62 padding: 0 24px;
62 } 63 }
63 64
64 .action-container { 65 .action-container {
65 display: flex; 66 display: flex;
66 justify-content: flex-end; 67 justify-content: flex-end;
67 padding: 16px; 68 padding: 16px;
68 } 69 }
69 70
70 <if expr="is_macosx or is_linux"> 71 <if expr="is_macosx or is_linux">
71 .action-container { 72 .action-container {
72 flex-flow: row-reverse; 73 flex-flow: row-reverse;
73 justify-content: flex-start; 74 justify-content: flex-start;
74 } 75 }
75 </if> 76 </if>
76 77
77 </style> 78 </style>
78 </template> 79 </template>
79 </dom-module> 80 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698