| 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; |
| 11 margin-right: 2px; | 11 margin-right: 2px; |
| 12 padding: 0 2px; | 12 padding: 0 2px; |
| 13 position: absolute; | 13 position: absolute; |
| 14 top: 3px; | 14 top: 3px; |
| 15 } | 15 } |
| 16 | 16 |
| 17 html[dir='ltr'] #saved-passwords-list .list-inline-button { | 17 html[dir='ltr'] #saved-passwords-list .list-inline-button { |
| 18 right: 2px; | 18 right: 2px; |
| 19 } | 19 } |
| 20 | 20 |
| 21 html[dir='rtl'] #saved-passwords-list .list-inline-button { | 21 html[dir='rtl'] #saved-passwords-list .list-inline-button { |
| 22 left: 2px; | 22 left: 2px; |
| 23 } | 23 } |
| 24 | 24 |
| 25 input[type='password'].inactive-password { | 25 input.inactive-item { |
| 26 background: transparent; | 26 background: transparent; |
| 27 border: none; | 27 border: none; |
| 28 } | 28 } |
| 29 | 29 |
| 30 #saved-passwords-list .url { | 30 #saved-passwords-list .url { |
| 31 box-sizing: border-box; | 31 box-sizing: border-box; |
| 32 width: 40%; | 32 width: 40%; |
| 33 } | 33 } |
| 34 | 34 |
| 35 #saved-passwords-list .name { | 35 #saved-passwords-list .name { |
| 36 -webkit-box-flex: 1; | 36 -webkit-box-flex: 1; |
| 37 width: 30%; | 37 width: 30%; |
| 38 } | 38 } |
| 39 | 39 |
| 40 #saved-passwords-list .url, |
| 41 #saved-passwords-list .name { |
| 42 -webkit-user-select: text; |
| 43 } |
| 44 |
| 40 #saved-passwords-list .password, | 45 #saved-passwords-list .password, |
| 41 #saved-passwords-list .federation { | 46 #saved-passwords-list .federation { |
| 42 -webkit-box-flex: 1; | 47 -webkit-box-flex: 1; |
| 43 position: relative; | 48 position: relative; |
| 44 width: 30%; | 49 width: 30%; |
| 45 } | 50 } |
| 46 | 51 |
| 47 #saved-passwords-list .password input[type='password'], | 52 #saved-passwords-list .password input[type='password'], |
| 48 #saved-passwords-list .password input[type='text'] { | 53 #saved-passwords-list .password input[type='text'] { |
| 49 box-sizing: border-box; | 54 box-sizing: border-box; |
| 50 width: 100%; | 55 width: 100%; |
| 51 } | 56 } |
| 52 | 57 |
| 53 #password-exceptions-list .url { | 58 #password-exceptions-list .url { |
| 54 -webkit-box-flex: 1; | 59 -webkit-box-flex: 1; |
| 55 } | 60 } |
| 56 | 61 |
| 57 #saved-passwords-list .url, | 62 #saved-passwords-list .url, |
| 58 #saved-passwords-list .name, | 63 #saved-passwords-list .name, |
| 59 #saved-passwords-list .federation, | 64 #saved-passwords-list .federation, |
| 60 #password-exceptions-list .url { | 65 #password-exceptions-list .url { |
| 61 overflow: hidden; | 66 overflow: hidden; |
| 62 text-overflow: ellipsis; | 67 text-overflow: ellipsis; |
| 63 } | 68 } |
| 69 |
| 70 /* To elide URLs from the left, sets unicode-bidi=bidi-override and |
| 71 * direction=rtl. */ |
| 72 .left-elided-url { |
| 73 direction: rtl; |
| 74 unicode-bidi: bidi-override; |
| 75 } |
| 76 |
| 77 /* RTL direction in left-elided-url changes text-align to right, but URLs for |
| 78 * left-to-right locales should still be left aligned. |
| 79 * Since the direction is changed to RTL, the icon is at the end (i.e. left), |
| 80 * but not at the start. So, swaps start and end margin/padding. */ |
| 81 html[dir='ltr'] .left-elided-url { |
| 82 -webkit-margin-end: 7px; |
| 83 -webkit-margin-start: 0; |
| 84 -webkit-padding-end: 26px; |
| 85 -webkit-padding-start: 3px; |
| 86 text-align: left; |
| 87 } |
| OLD | NEW |