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