| 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 |