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-button { | 5 #saved-passwords-list .list-inline-button { |
6 -webkit-transition: opacity 150ms; | 6 -webkit-transition: opacity 150ms; |
7 background: rgb(138, 170, 237); | 7 background: rgb(138, 170, 237); |
8 font-size: 0.9em; | 8 font-size: 0.9em; |
9 height: 18px; | 9 height: 18px; |
10 margin-left: 2px; | 10 margin-left: 2px; |
(...skipping 24 matching lines...) Expand all Loading... |
35 #saved-passwords-list .deletable-item:not(:hover) a:not(:focus) { | 35 #saved-passwords-list .deletable-item:not(:hover) a:not(:focus) { |
36 color: black; | 36 color: black; |
37 text-decoration: none; | 37 text-decoration: none; |
38 } | 38 } |
39 | 39 |
40 #saved-passwords-list .name { | 40 #saved-passwords-list .name { |
41 -webkit-box-flex: 1; | 41 -webkit-box-flex: 1; |
42 width: 30%; | 42 width: 30%; |
43 } | 43 } |
44 | 44 |
| 45 #saved-passwords-list .url, |
45 #saved-passwords-list .name { | 46 #saved-passwords-list .name { |
46 -webkit-user-select: text; | 47 -webkit-user-select: text; |
47 } | 48 } |
48 | 49 |
49 #saved-passwords-list .password, | 50 #saved-passwords-list .password, |
50 #saved-passwords-list .federation { | 51 #saved-passwords-list .federation { |
51 -webkit-box-flex: 1; | 52 -webkit-box-flex: 1; |
52 position: relative; | 53 position: relative; |
53 width: 30%; | 54 width: 30%; |
54 } | 55 } |
55 | 56 |
56 #saved-passwords-list .password input[type='password'], | 57 #saved-passwords-list .password input[type='password'], |
57 #saved-passwords-list .password input[type='text'] { | 58 #saved-passwords-list .password input[type='text'] { |
58 box-sizing: border-box; | 59 box-sizing: border-box; |
59 width: 100%; | 60 width: 100%; |
60 } | 61 } |
61 | 62 |
62 #password-exceptions-list .url { | 63 #password-exceptions-list .url { |
63 -webkit-box-flex: 1; | 64 -webkit-box-flex: 1; |
64 } | 65 } |
65 | 66 |
66 #saved-passwords-list .url, | 67 #saved-passwords-list .url, |
67 #saved-passwords-list .name, | 68 #saved-passwords-list .name, |
68 #saved-passwords-list .federation, | 69 #saved-passwords-list .federation, |
69 #password-exceptions-list .url { | 70 #password-exceptions-list .url { |
70 overflow: hidden; | 71 overflow: hidden; |
71 text-overflow: ellipsis; | 72 text-overflow: ellipsis; |
72 } | 73 } |
73 | |
74 /* To elide URLs from the left, sets unicode-bidi=bidi-override and | |
75 * direction=rtl. */ | |
76 .left-elided-url { | |
77 direction: rtl; | |
78 unicode-bidi: bidi-override; | |
79 } | |
80 | |
81 /* RTL direction in left-elided-url changes text-align to right, but URLs for | |
82 * left-to-right locales should still be left aligned. | |
83 * Since the direction is changed to RTL, the icon is at the end (i.e. left), | |
84 * but not at the start. So, swaps start and end margin/padding. */ | |
85 html[dir='ltr'] .left-elided-url { | |
86 -webkit-margin-end: 7px; | |
87 -webkit-margin-start: 0; | |
88 -webkit-padding-end: 26px; | |
89 -webkit-padding-start: 3px; | |
90 text-align: left; | |
91 } | |
OLD | NEW |