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 #autofill-edit-address-overlay { | 5 #autofill-edit-address-overlay { |
6 min-width: 55em; | 6 min-width: 55em; |
7 } | 7 } |
8 | 8 |
9 #autofill-edit-credit-card-overlay { | 9 #autofill-edit-credit-card-overlay { |
10 min-width: 500px; | 10 min-width: 500px; |
11 } | 11 } |
12 | 12 |
13 #full-name-list input, | 13 #autofill-edit-address-overlay .full-name-list input, |
14 #company-name, | 14 #autofill-edit-address-overlay .long { |
15 #addr-line-1, | |
16 #addr-line-2 { | |
17 width: 16em; | 15 width: 16em; |
18 } | 16 } |
19 | 17 |
20 #country { | 18 #autofill-edit-address-overlay .short { |
| 19 -webkit-margin-end: 3px; |
| 20 } |
| 21 |
| 22 #autofill-edit-address-overlay .country { |
21 max-width: 450px; | 23 max-width: 450px; |
22 } | 24 } |
23 | 25 |
24 #autofill-edit-address-overlay list { | 26 #autofill-edit-address-overlay list { |
25 -webkit-margin-start: -3px; | 27 -webkit-margin-start: -3px; |
26 /* Min height is a multiple of the list item height (32px). */ | 28 /* Min height is a multiple of the list item height (32px). */ |
27 min-height: 32px; | 29 min-height: 32px; |
28 } | 30 } |
29 | 31 |
30 #autofill-edit-address-overlay list div.static-text { | 32 #autofill-edit-address-overlay list div.static-text { |
31 -webkit-border-radius: 2px; | 33 -webkit-border-radius: 2px; |
32 -webkit-box-flex: 1; | 34 -webkit-box-flex: 1; |
33 -webkit-padding-end: 4px; | 35 -webkit-padding-end: 4px; |
34 -webkit-padding-start: 4px; | 36 -webkit-padding-start: 4px; |
35 border: 1px solid darkGray; | 37 border: 1px solid darkGray; |
36 /* Set the line-height and min-height to match the height of an input element, | 38 /* Set the line-height and min-height to match the height of an input element, |
37 * so that even empty cells renderer with the correct height. */ | 39 * so that even empty cells renderer with the correct height. */ |
38 line-height: 1.75em; | 40 line-height: 1.75em; |
39 min-height: 1.75em; | 41 min-height: 1.75em; |
40 } | 42 } |
41 | 43 |
42 :-webkit-any(#autofill-edit-credit-card-overlay, #autofill-edit-address-overlay) | 44 :-webkit-any(#autofill-edit-credit-card-overlay, #autofill-edit-address-overlay) |
43 .settings-row div + :-webkit-any(input, select) { | 45 .settings-row div + :-webkit-any(input, select) { |
44 margin-top: 4px; | 46 margin-top: 4px; |
45 } | 47 } |
46 | 48 |
47 #autofill-name-labels { | 49 #autofill-edit-address-overlay .autofill-name-labels { |
48 display: -webkit-inline-box; | 50 display: -webkit-inline-box; |
49 } | 51 } |
50 | 52 |
51 #autofill-name-labels span { | 53 #autofill-edit-address-overlay .autofill-name-labels span { |
52 -webkit-box-flex: 1; | 54 -webkit-box-flex: 1; |
53 display: block; | 55 display: block; |
54 } | 56 } |
55 | 57 |
56 #full-name-list { | 58 #autofill-edit-address-overlay .full-name-list { |
57 display: inline-block; | 59 display: inline-block; |
58 } | 60 } |
59 | 61 |
60 #full-name-list div[role='listitem'] > div { | 62 #autofill-edit-address-overlay .full-name-list div[role='listitem'] > div { |
61 display: -webkit-box; | 63 display: -webkit-box; |
62 } | 64 } |
63 | 65 |
64 #full-name-list div[role='listitem'] > div > div, | 66 #autofill-edit-address-overlay .full-name-list div[role='listitem'] > div > div, |
65 #autofill-name-labels span { | 67 #autofill-edit-address-overlay .autofill-name-labels span { |
66 -webkit-margin-end: 5px; | 68 -webkit-margin-end: 5px; |
67 width: 16em; | 69 width: 16em; |
68 } | 70 } |
69 | 71 |
70 :-webkit-any(#phone-list, #email-list) div[role='listitem'] > div > div, | 72 #autofill-edit-address-overlay :-webkit-any(.phone-list, .email-list) |
71 :-webkit-any(#phone-list, #email-list) input { | 73 div[role='listitem'] > div > div, |
| 74 #autofill-edit-address-overlay :-webkit-any(.phone-list, .email-list) input { |
72 width: 14em; | 75 width: 14em; |
73 } | 76 } |
74 | 77 |
| 78 #autofill-edit-address-overlay .addr-lines div[role='listitem'] > div > div, |
| 79 #autofill-edit-address-overlay .addr-lines input { |
| 80 width: 16em; |
| 81 } |
| 82 |
75 .input-group > * { | 83 .input-group > * { |
76 -webkit-box-orient: vertical; | 84 -webkit-box-orient: vertical; |
77 -webkit-margin-end: 2px; | 85 -webkit-margin-end: 2px; |
78 display: -webkit-inline-box; | 86 display: -webkit-inline-box; |
79 vertical-align: top; | 87 vertical-align: top; |
80 } | 88 } |
81 | 89 |
82 #autofill-edit-credit-card-overlay .content-area > *:first-child { | 90 #autofill-edit-credit-card-overlay .content-area > *:first-child { |
83 margin-top: 0; | 91 margin-top: 0; |
84 } | 92 } |
OLD | NEW |