Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(161)

Side by Side Diff: chrome/browser/resources/options/password_manager_list.css

Issue 1817053002: [Password Manager] Changes implementation of left elided origin on chrome://settings/passwords (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Cache computed style. Skip eliding for Android credentials. Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698