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

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

Issue 10831385: Autofill: Widen the input elements to accomodate more verbose languages. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 4 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 #autofill-edit-address-overlay { 5 #autofill-edit-address-overlay {
6 min-width: 510px; 6 min-width: 510px;
7 } 7 }
8 8
9 #autofill-edit-credit-card-overlay { 9 #autofill-edit-credit-card-overlay {
10 min-width: 500px; 10 min-width: 500px;
(...skipping 22 matching lines...) Expand all
33 width: 206px; 33 width: 206px;
34 } 34 }
35 35
36 #country { 36 #country {
37 max-width: 450px; 37 max-width: 450px;
38 } 38 }
39 39
40 #autofill-edit-address-overlay list { 40 #autofill-edit-address-overlay list {
41 /* Min height is a multiple of the list item height (32) */ 41 /* Min height is a multiple of the list item height (32) */
42 min-height: 32px; 42 min-height: 32px;
43 width: 176px; 43 width: 17em;
44 } 44 }
45 45
46 #autofill-edit-address-overlay list div.static-text { 46 #autofill-edit-address-overlay list div.static-text {
47 -webkit-border-radius: 2px; 47 -webkit-border-radius: 2px;
48 -webkit-box-flex: 1; 48 -webkit-box-flex: 1;
49 -webkit-padding-end: 4px; 49 -webkit-padding-end: 4px;
50 -webkit-padding-start: 4px; 50 -webkit-padding-start: 4px;
51 border: 1px solid darkGray; 51 border: 1px solid darkGray;
52 /* Set the line-height and min-height to match the height of an input element, 52 /* Set the line-height and min-height to match the height of an input element,
53 * so that even empty cells renderer with the correct height. 53 * so that even empty cells renderer with the correct height.
54 */ 54 */
55 line-height: 1.75em; 55 line-height: 1.75em;
56 min-height: 1.75em; 56 min-height: 1.75em;
57 width: 141px; 57 width: 16em;
58 } 58 }
59 59
60 #autofill-edit-address-overlay list input { 60 #autofill-edit-address-overlay list input {
61 width: 151px; 61 width: 16em;
62 } 62 }
63 63
64 #autofill-name-labels { 64 #autofill-name-labels {
65 -webkit-box-orient: horizontal; 65 -webkit-box-orient: horizontal;
66 /* Set the margin to compensate for each list item's close button and 66 /* Set the margin to compensate for each list item's close button and
67 * padding. 67 * padding.
68 */ 68 */
69 -webkit-margin-end: 25px; 69 -webkit-margin-end: 25px;
70 display: -webkit-box; 70 display: -webkit-box;
71 } 71 }
72 72
73 #autofill-name-labels label { 73 #autofill-name-labels label {
74 -webkit-box-flex: 1; 74 -webkit-box-flex: 1;
75 display: block; 75 display: block;
76 /* Set the minimum width to the size of an input element, so that all boxes 76 /* Set the minimum width to the size of an input element, so that all boxes
77 * have an equal amount of flex space to work with. 77 * have an equal amount of flex space to work with.
78 */ 78 */
79 min-width: 141px; 79 min-width: 16em;
80 padding: 0 3px;
80 } 81 }
81 82
82 #autofill-edit-address-overlay list#full-name-list div.static-text { 83 #autofill-edit-address-overlay list#full-name-list div.static-text {
83 width: 131px; 84 width: 131px;
84 } 85 }
85 86
86 #autofill-edit-address-overlay list#full-name-list input { 87 #autofill-edit-address-overlay list#full-name-list input {
87 width: 141px; 88 width: 16em;
88 } 89 }
89 90
90 #autofill-edit-address-overlay list#full-name-list { 91 #autofill-edit-address-overlay list#full-name-list {
91 width: 100%; 92 width: 100%;
92 } 93 }
93 94
94 #full-name-list div[role='listitem'] > div { 95 #full-name-list div[role='listitem'] > div {
95 -webkit-box-orient: horizontal; 96 -webkit-box-orient: horizontal;
96 display: -webkit-box; 97 display: -webkit-box;
97 } 98 }
98 99
99 #full-name-list div[role='listitem'] > div > div { 100 #full-name-list div[role='listitem'] > div > div {
100 -webkit-box-flex: 1; 101 -webkit-box-flex: 1;
101 } 102 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698