| 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 |