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 | |
17 #saved-passwords-list .list-inline-button { | 5 #saved-passwords-list .list-inline-button { |
18 -webkit-margin-end: 2px; | |
19 -webkit-transition: opacity 150ms; | 6 -webkit-transition: opacity 150ms; |
20 background: rgb(138, 170, 237); | 7 background: rgb(138, 170, 237); |
21 font-size: 0.9em; | 8 font-size: 0.9em; |
22 height: 18px; | 9 height: 18px; |
23 padding: 0 2px; | 10 padding: 0 2px; |
| 11 position: absolute; |
| 12 top: 3px; |
24 } | 13 } |
25 | 14 |
26 #saved-passwords-list div[role=listitem]:not([selected]) .list-inline-button { | 15 html[dir='ltr'] #saved-passwords-list .list-inline-button { |
27 display: none; | 16 right: 2px; |
| 17 } |
| 18 |
| 19 html[dir='rtl'] #saved-passwords-list .list-inline-button { |
| 20 left: 2px; |
28 } | 21 } |
29 | 22 |
30 input[type='password'].inactive-password { | 23 input[type='password'].inactive-password { |
31 background: transparent; | 24 background: transparent; |
32 border: none; | 25 border: none; |
33 } | 26 } |
34 | 27 |
35 #saved-passwords-list .url { | 28 #saved-passwords-list .url { |
36 -webkit-padding-end: 0.5em; | |
37 box-sizing: border-box; | 29 box-sizing: border-box; |
38 width: 40%; | 30 width: 40%; |
39 } | 31 } |
40 | 32 |
41 #saved-passwords-list .name { | 33 #saved-passwords-list .name { |
42 -webkit-box-flex: 1; | 34 -webkit-box-flex: 1; |
43 -webkit-padding-end: 0.5em; | |
44 width: 20%; | 35 width: 20%; |
45 } | 36 } |
46 | 37 |
47 #saved-passwords-list .password { | 38 #saved-passwords-list .password { |
48 -webkit-box-flex: 1; | 39 -webkit-box-flex: 1; |
49 position: relative; | 40 position: relative; |
50 } | 41 } |
51 | 42 |
52 #saved-passwords-list .url input[type='text'], | |
53 #saved-passwords-list .name input[type='text'], | |
54 #saved-passwords-list .password input[type='password'], | 43 #saved-passwords-list .password input[type='password'], |
55 #saved-passwords-list .password input[type='text'] { | 44 #saved-passwords-list .password input[type='text'] { |
56 box-sizing: border-box; | 45 box-sizing: border-box; |
57 width: 100%; | 46 width: 100%; |
58 } | 47 } |
59 | 48 |
60 #password-exceptions-list .url { | 49 #password-exceptions-list .url { |
61 -webkit-box-flex: 1; | 50 -webkit-box-flex: 1; |
62 } | 51 } |
63 | 52 |
64 #saved-passwords-list .url, | 53 #saved-passwords-list .url, |
65 #saved-passwords-list .name, | 54 #saved-passwords-list .name, |
66 #password-exceptions-list .url { | 55 #password-exceptions-list .url { |
67 overflow: hidden; | 56 overflow: hidden; |
68 text-overflow: ellipsis; | 57 text-overflow: ellipsis; |
69 } | 58 } |
OLD | NEW |