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 /* Styles for the cookies list page. */ | 5 /* Styles for the cookies list page. */ |
6 #cookies-view-page { | 6 #cookies-view-page { |
7 height: 90%; | 7 height: 90%; |
8 margin-left: -15px; | 8 margin-left: -15px; |
9 min-width: 700px; | 9 min-width: 720px; |
10 } | 10 } |
11 | 11 |
12 /* Styles for the cookies list elements in cookies_view.html. */ | 12 /* Styles for the cookies list elements in cookies_view.html. */ |
13 #cookies-list { | 13 #cookies-list { |
14 -webkit-box-flex: 1; | 14 -webkit-box-flex: 1; |
15 /* This property overrides the |min-height: 192px;| property above due to | 15 /* This property overrides the |min-height: 192px;| property above due to |
16 * special behavior of the cookies list. */ | 16 * special behavior of the cookies list. */ |
17 min-height: 0; | 17 min-height: 0; |
18 } | 18 } |
19 | 19 |
(...skipping 22 matching lines...) Expand all Loading... |
42 #cookies-column-headers h3 { | 42 #cookies-column-headers h3 { |
43 font-size: 105%; | 43 font-size: 105%; |
44 font-weight: bold; | 44 font-weight: bold; |
45 margin: 10px 0; | 45 margin: 10px 0; |
46 } | 46 } |
47 | 47 |
48 /* Notice the width and padding for these columns match up with those below. */ | 48 /* Notice the width and padding for these columns match up with those below. */ |
49 #cookies-site-column { | 49 #cookies-site-column { |
50 display: inline-block; | 50 display: inline-block; |
51 font-weight: bold; | 51 font-weight: bold; |
52 width: 11em; | 52 width: 14em; |
53 } | 53 } |
54 | 54 |
55 #cookies-data-column { | 55 #cookies-data-column { |
56 -webkit-padding-start: 7px; | 56 -webkit-padding-start: 7px; |
57 display: inline-block; | 57 display: inline-block; |
58 font-weight: bold; | 58 font-weight: bold; |
59 } | 59 } |
60 | 60 |
61 #cookies-list { | 61 #cookies-list { |
62 border: 1px solid #D9D9D9; | 62 border: 1px solid #D9D9D9; |
(...skipping 23 matching lines...) Expand all Loading... |
86 } | 86 } |
87 | 87 |
88 /* Styles for the site (aka origin) and its summary. */ | 88 /* Styles for the site (aka origin) and its summary. */ |
89 .cookie-site { | 89 .cookie-site { |
90 /* Notice that the width, margin, and padding match up with those above. */ | 90 /* Notice that the width, margin, and padding match up with those above. */ |
91 -webkit-margin-end: 2px; | 91 -webkit-margin-end: 2px; |
92 -webkit-padding-start: 5px; | 92 -webkit-padding-start: 5px; |
93 display: inline-block; | 93 display: inline-block; |
94 overflow: hidden; | 94 overflow: hidden; |
95 text-overflow: ellipsis; | 95 text-overflow: ellipsis; |
96 width: 11em; | 96 width: 14em; |
97 } | 97 } |
98 | 98 |
99 list.cookie-list > .deletable-item[selected] .cookie-site { | 99 list.cookie-list > .deletable-item[selected] .cookie-site { |
100 -webkit-user-select: text; | 100 -webkit-user-select: text; |
101 } | 101 } |
102 | 102 |
103 .cookie-data { | 103 .cookie-data { |
104 display: inline-block; | 104 display: inline-block; |
| 105 max-width: 410px; |
| 106 overflow: hidden; |
| 107 text-overflow: ellipsis; |
105 } | 108 } |
106 | 109 |
107 .cookie-size { | 110 .cookie-size { |
108 display: inline-block; | 111 display: inline-block; |
109 float: right; | 112 float: right; |
110 margin-right: 3em; | 113 margin-right: 0; |
111 } | 114 } |
112 | 115 |
113 list.cookie-list > .deletable-item[selected] .cookie-data { | 116 list.cookie-list > .deletable-item[selected] .cookie-data { |
114 -webkit-user-select: text; | 117 -webkit-user-select: text; |
115 } | 118 } |
116 | 119 |
117 | 120 |
118 /* Styles for the individual items (cookies, etc.). */ | 121 /* Styles for the individual items (cookies, etc.). */ |
119 .cookie-items { | 122 .cookie-items { |
120 /* Notice that the margin and padding match up with those above. */ | 123 /* Notice that the margin and padding match up with those above. */ |
121 -webkit-margin-start: 11em; | 124 -webkit-margin-start: 14em; |
122 -webkit-padding-start: 7px; | 125 -webkit-padding-start: 7px; |
123 -webkit-transition: 150ms ease-in-out; | 126 -webkit-transition: 150ms ease-in-out; |
124 height: 0; | 127 height: 0; |
125 opacity: 0; | 128 opacity: 0; |
126 /* Make the cookie items wrap correctly. */ | 129 /* Make the cookie items wrap correctly. */ |
127 white-space: normal; | 130 white-space: normal; |
128 } | 131 } |
129 | 132 |
130 .measure-items .cookie-items { | 133 .measure-items .cookie-items { |
131 -webkit-transition: none; | 134 -webkit-transition: none; |
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
188 | 191 |
189 .cookie-details-label { | 192 .cookie-details-label { |
190 vertical-align: top; | 193 vertical-align: top; |
191 white-space: pre; | 194 white-space: pre; |
192 width: 10em; | 195 width: 10em; |
193 } | 196 } |
194 | 197 |
195 .cookie-details-value { | 198 .cookie-details-value { |
196 word-wrap: break-word; | 199 word-wrap: break-word; |
197 } | 200 } |
OLD | NEW |