Chromium Code Reviews| OLD | NEW |
|---|---|
| 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 padding: 0; | 12 padding: 0; |
| 13 /* Scrollbars are hidden as the sign-in dialogs are automatically | |
| 14 resized.*/ | |
| 15 overflow: hidden; | |
|
xiyuan
2016/11/09 18:10:32
nit: move before 'padding' to keep the list alpha
msarda
2016/11/10 16:40:35
Done.
| |
| 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 width: 448px; | |
|
xiyuan
2016/11/09 18:10:32
nit: move it back to keep the list sorted.
msarda
2016/11/10 16:40:35
Done.
| |
| 44 /* Scrollbars are hidden as the sign-in dialogs are automatically | |
| 45 resized.*/ | |
| 40 overflow: hidden; | 46 overflow: hidden; |
| 41 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> |
| OLD | NEW |