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