OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
| 5 #saved-passwords-list .list-inline-buttons-container { |
| 6 display: flex; |
| 7 position: absolute; |
| 8 right: 0; |
| 9 top: 3px; |
| 10 } |
| 11 |
| 12 html[dir='rtl'] #saved-passwords-list .list-inline-buttons-container { |
| 13 left: 0; |
| 14 right: auto; |
| 15 } |
| 16 |
5 #saved-passwords-list .list-inline-button { | 17 #saved-passwords-list .list-inline-button { |
| 18 -webkit-margin-end: 2px; |
6 -webkit-transition: opacity 150ms; | 19 -webkit-transition: opacity 150ms; |
7 background: rgb(138, 170, 237); | 20 background: rgb(138, 170, 237); |
8 font-size: 0.9em; | 21 font-size: 0.9em; |
9 height: 18px; | 22 height: 18px; |
10 padding: 0 2px; | 23 padding: 0 2px; |
11 position: absolute; | |
12 top: 3px; | |
13 } | 24 } |
14 | 25 |
15 html[dir='ltr'] #saved-passwords-list .list-inline-button { | 26 #saved-passwords-list div[role=listitem]:not([selected]) .list-inline-button { |
16 right: 2px; | 27 display: none; |
17 } | |
18 | |
19 html[dir='rtl'] #saved-passwords-list .list-inline-button { | |
20 left: 2px; | |
21 } | 28 } |
22 | 29 |
23 input[type='password'].inactive-password { | 30 input[type='password'].inactive-password { |
24 background: transparent; | 31 background: transparent; |
25 border: none; | 32 border: none; |
26 } | 33 } |
27 | 34 |
28 #saved-passwords-list .url { | 35 #saved-passwords-list .url { |
| 36 -webkit-padding-end: 0.5em; |
29 box-sizing: border-box; | 37 box-sizing: border-box; |
30 width: 40%; | 38 width: 40%; |
31 } | 39 } |
32 | 40 |
33 #saved-passwords-list .name { | 41 #saved-passwords-list .name { |
34 -webkit-box-flex: 1; | 42 -webkit-box-flex: 1; |
| 43 -webkit-padding-end: 0.5em; |
35 width: 20%; | 44 width: 20%; |
36 } | 45 } |
37 | 46 |
38 #saved-passwords-list .password { | 47 #saved-passwords-list .password { |
39 -webkit-box-flex: 1; | 48 -webkit-box-flex: 1; |
40 position: relative; | 49 position: relative; |
41 } | 50 } |
42 | 51 |
| 52 #saved-passwords-list .url input[type='text'], |
| 53 #saved-passwords-list .name input[type='text'], |
43 #saved-passwords-list .password input[type='password'], | 54 #saved-passwords-list .password input[type='password'], |
44 #saved-passwords-list .password input[type='text'] { | 55 #saved-passwords-list .password input[type='text'] { |
45 box-sizing: border-box; | 56 box-sizing: border-box; |
46 width: 100%; | 57 width: 100%; |
47 } | 58 } |
48 | 59 |
49 #password-exceptions-list .url { | 60 #password-exceptions-list .url { |
50 -webkit-box-flex: 1; | 61 -webkit-box-flex: 1; |
51 } | 62 } |
52 | 63 |
53 #saved-passwords-list .url, | 64 #saved-passwords-list .url, |
54 #saved-passwords-list .name, | 65 #saved-passwords-list .name, |
55 #password-exceptions-list .url { | 66 #password-exceptions-list .url { |
56 overflow: hidden; | 67 overflow: hidden; |
57 text-overflow: ellipsis; | 68 text-overflow: ellipsis; |
58 } | 69 } |
OLD | NEW |