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, | |
46 #saved-passwords-list .name { | 45 #saved-passwords-list .name { |
47 -webkit-user-select: text; | 46 -webkit-user-select: text; |
48 } | 47 } |
49 | 48 |
50 #saved-passwords-list .password, | 49 #saved-passwords-list .password, |
51 #saved-passwords-list .federation { | 50 #saved-passwords-list .federation { |
52 -webkit-box-flex: 1; | 51 -webkit-box-flex: 1; |
53 position: relative; | 52 position: relative; |
54 width: 30%; | 53 width: 30%; |
55 } | 54 } |
56 | 55 |
57 #saved-passwords-list .password input[type='password'], | 56 #saved-passwords-list .password input[type='password'], |
58 #saved-passwords-list .password input[type='text'] { | 57 #saved-passwords-list .password input[type='text'] { |
59 box-sizing: border-box; | 58 box-sizing: border-box; |
60 width: 100%; | 59 width: 100%; |
61 } | 60 } |
62 | 61 |
63 #password-exceptions-list .url { | 62 #password-exceptions-list .url { |
64 -webkit-box-flex: 1; | 63 -webkit-box-flex: 1; |
65 } | 64 } |
66 | 65 |
67 #saved-passwords-list .url, | 66 #saved-passwords-list .url, |
68 #saved-passwords-list .name, | 67 #saved-passwords-list .name, |
69 #saved-passwords-list .federation, | 68 #saved-passwords-list .federation, |
70 #password-exceptions-list .url { | 69 #password-exceptions-list .url { |
71 overflow: hidden; | 70 overflow: hidden; |
72 text-overflow: ellipsis; | 71 text-overflow: ellipsis; |
73 } | 72 } |
| 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 |