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