OLD | NEW |
1 <!-- Common styles for Passwords and Forms --> | 1 <!-- Common styles for Passwords and Forms --> |
2 <dom-module id="passwords-shared"> | 2 <dom-module id="passwords-shared"> |
3 <template> | 3 <template> |
4 <style> | 4 <style> |
5 :host { | 5 :host { |
6 display: flex; | 6 display: flex; |
7 flex-direction: column; | 7 flex-direction: column; |
8 } | 8 } |
9 | 9 |
10 paper-icon-button { | |
11 @apply(--cr-paper-icon-button-margin); | |
12 color: var(--paper-grey-600); | |
13 flex-shrink: 0; | |
14 } | |
15 | |
16 .list-with-header > div:first-of-type { | 10 .list-with-header > div:first-of-type { |
17 border-top: var(--settings-separator-line); | 11 border-top: var(--settings-separator-line); |
18 } | 12 } |
19 | 13 |
20 .website-column { | 14 .website-column { |
21 display: flex; | 15 display: flex; |
22 flex: 3; | 16 flex: 3; |
23 } | 17 } |
24 | 18 |
25 .username-column { | 19 .username-column { |
26 flex: 2; | 20 flex: 2; |
27 margin: 0 8px; | 21 margin: 0 8px; |
28 } | 22 } |
29 | 23 |
30 .password-column { | 24 .password-column { |
31 align-items: center; | 25 align-items: center; |
32 display: flex; | 26 display: flex; |
33 flex: 2; | 27 flex: 2; |
34 } | 28 } |
35 | 29 |
36 .password-field { | 30 .password-field { |
37 background-color: transparent; | 31 background-color: transparent; |
38 border: none; | 32 border: none; |
39 flex: 1; | 33 flex: 1; |
40 height: 20px; | 34 height: 20px; |
41 width: 0; | 35 width: 0; |
42 } | 36 } |
43 | 37 |
44 .selectable { | 38 .selectable { |
45 -webkit-user-select: text; | 39 -webkit-user-select: text; |
46 } | 40 } |
47 </style> | 41 </style> |
48 </template> | 42 </template> |
49 </dom-module> | 43 </dom-module> |
OLD | NEW |