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

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

Issue 2484263002: Hide scrollbars for the body of the sign-in dialogs. (Closed)
Patch Set: Nits 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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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
13 resized.*/
14 overflow: hidden;
12 padding: 0; 15 padding: 0;
13 } 16 }
14 17
15 paper-button { 18 paper-button {
16 font-weight: 500; 19 font-weight: 500;
17 line-height: 16px; 20 line-height: 16px;
18 margin: 0; 21 margin: 0;
19 padding: 8px 16px; 22 padding: 8px 16px;
20 } 23 }
21 24
22 paper-button.primary-action { 25 paper-button.primary-action {
23 --paper-button-flat-keyboard-focus: { 26 --paper-button-flat-keyboard-focus: {
24 background: rgb(58, 117, 215); 27 background: rgb(58, 117, 215);
25 }; 28 };
26 background: var(--google-blue-500); 29 background: var(--google-blue-500);
27 color: white; 30 color: white;
28 } 31 }
29 32
30 paper-button.secondary-action { 33 paper-button.secondary-action {
31 --paper-button-flat-keyboard-focus: { 34 --paper-button-flat-keyboard-focus: {
32 background: rgba(0, 0, 0, .12); 35 background: rgba(0, 0, 0, .12);
33 }; 36 };
34 color: var(--paper-grey-600); 37 color: var(--paper-grey-600);
35 } 38 }
36 39
37 .container { 40 .container {
38 background-color: white; 41 background-color: white;
39 color: #333; 42 color: #333;
43 /* Scrollbars are hidden as the sign-in dialogs are automatically
44 resized.*/
40 overflow: hidden; 45 overflow: hidden;
41 width: 448px; 46 width: 448px;
42 } 47 }
43 48
44 .top-title-bar { 49 .top-title-bar {
45 align-items: center; 50 align-items: center;
46 border-bottom: 1px solid var(--paper-grey-300); 51 border-bottom: 1px solid var(--paper-grey-300);
47 display: flex; 52 display: flex;
48 font-size: 16px; 53 font-size: 16px;
49 height: 52px; 54 height: 52px;
50 padding: 0 24px; 55 padding: 0 24px;
51 } 56 }
52 57
53 .action-container { 58 .action-container {
54 display: flex; 59 display: flex;
55 justify-content: flex-end; 60 justify-content: flex-end;
56 padding: 16px; 61 padding: 16px;
57 } 62 }
58 63
59 <if expr="is_macosx or is_linux"> 64 <if expr="is_macosx or is_linux">
60 .action-container { 65 .action-container {
61 flex-flow: row-reverse; 66 flex-flow: row-reverse;
62 justify-content: flex-start; 67 justify-content: flex-start;
63 } 68 }
64 </if> 69 </if>
65 70
66 </style> 71 </style>
67 </template> 72 </template>
68 </dom-module> 73 </dom-module>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698