Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* | 1 /* |
| 2 Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 Copyright (c) 2011 The Chromium Authors. All rights reserved. |
| 3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be |
| 4 found in the LICENSE file. | 4 found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .details-view { | 7 .details-view { |
| 8 padding-right: 10px; | 8 -webkit-padding-end: 10px; |
|
Yoyo Zhou
2011/09/12 16:02:59
These changes don't look related. If you plan to i
Finnur
2011/09/12 16:14:13
Ah, yeah. I was planning to update the CL descript
| |
| 9 } | 9 } |
| 10 | 10 |
| 11 .extension-list-item { | 11 .extension-list-item { |
| 12 padding-bottom: 7px; | 12 padding-bottom: 7px; |
| 13 padding-top: 7px; | 13 padding-top: 7px; |
| 14 width: 100%; | 14 width: 100%; |
| 15 -webkit-user-select: auto; | 15 -webkit-user-select: auto; |
| 16 } | 16 } |
| 17 | 17 |
| 18 /* Get rid of display: table, which causes width issues. */ | 18 /* Get rid of display: table, which causes width issues. */ |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 68 overflow: visible; | 68 overflow: visible; |
| 69 -webkit-transition: padding 300ms, overflow 300ms, opacity 700ms; | 69 -webkit-transition: padding 300ms, overflow 300ms, opacity 700ms; |
| 70 } | 70 } |
| 71 | 71 |
| 72 .extension-settings { | 72 .extension-settings { |
| 73 overflow-x: hidden; | 73 overflow-x: hidden; |
| 74 } | 74 } |
| 75 | 75 |
| 76 .extension-icon { | 76 .extension-icon { |
| 77 height: 48px; | 77 height: 48px; |
| 78 padding-left: 15px; | |
| 79 padding-right: 15px; | |
| 80 vertical-align: text-top; | 78 vertical-align: text-top; |
| 81 width: 48px; | 79 width: 48px; |
| 80 -webkit-padding-start: 15px; | |
| 81 -webkit-padding-end: 15px; | |
| 82 -webkit-user-select: none; | 82 -webkit-user-select: none; |
| 83 } | 83 } |
| 84 | 84 |
| 85 .extension-title { | 85 .extension-title { |
| 86 font-size: 16px; | 86 font-size: 16px; |
| 87 font-weight: 500; | 87 font-weight: 500; |
| 88 padding-right: 20px; | 88 -webkit-padding-end: 20px; |
| 89 } | 89 } |
| 90 | 90 |
| 91 .extension-version { | 91 .extension-version { |
| 92 font-size: 13px; | 92 font-size: 13px; |
| 93 font-weight: 400; | 93 font-weight: 400; |
| 94 -webkit-padding-end: 7px; | |
| 94 } | 95 } |
| 95 | 96 |
| 96 .extension-description { | 97 .extension-description { |
| 97 font-size: 13px; | 98 font-size: 13px; |
| 98 white-space: normal; | 99 white-space: normal; |
| 99 padding-right: 5px; | 100 -webkit-padding-end: 5px; |
| 100 } | 101 } |
| 101 | 102 |
| 102 .extension-checkbox-span { | 103 .extension-checkbox-span { |
| 103 margin-left: 7px; | 104 -webkit-margin-start: 7px; |
| 104 } | 105 } |
| 105 | 106 |
| 106 .extension-checkbox-label { | 107 .extension-checkbox-label { |
| 107 margin-right: 10px; | 108 -webkit-margin-end: 10px; |
| 108 } | 109 } |
| 109 | 110 |
| 110 .extension-delete { | 111 .extension-delete { |
| 111 margin-left: 5px; | 112 -webkit-margin-start: 5px; |
| 112 } | 113 } |
| 113 | 114 |
| 114 .extension-details-hidden { | 115 .extension-details-hidden { |
| 115 opacity: 0; | 116 opacity: 0; |
| 116 max-height: 0; | 117 max-height: 0; |
| 117 -webkit-transition: max-height 400ms, opacity 200ms; | 118 -webkit-transition: max-height 400ms, opacity 200ms; |
| 118 } | 119 } |
| 119 | 120 |
| 120 .extension-details-visible { | 121 .extension-details-visible { |
| 121 opacity: 1; | 122 opacity: 1; |
| 122 max-height: 100px; | 123 max-height: 100px; |
| 123 -webkit-transition: max-height 200ms, opacity 300ms; | 124 -webkit-transition: max-height 200ms, opacity 300ms; |
| 124 } | 125 } |
| 125 | 126 |
| 126 .extension-links-view { | 127 .extension-links-view { |
| 127 padding-left: 15px; | 128 -webkit-padding-start: 15px; |
| 128 } | 129 } |
| 129 | 130 |
| 130 .extension-links-trailing { | 131 .extension-links-trailing { |
| 131 padding-right: 7px; | 132 -webkit-padding-end: 7px; |
| 132 } | 133 } |
| 133 | 134 |
| 134 .extension-zippy-container { | 135 .extension-zippy-container { |
| 135 cursor: pointer; | 136 cursor: pointer; |
| 136 width: 20px; | 137 width: 20px; |
| 137 -webkit-user-select: none; | 138 -webkit-user-select: none; |
| 138 } | 139 } |
| 139 | 140 |
| 140 .informative-text { | 141 .informative-text { |
| 141 color: gray; | 142 color: gray; |
| (...skipping 10 matching lines...) Expand all Loading... | |
| 152 height: 16px; | 153 height: 16px; |
| 153 opacity: .25; | 154 opacity: .25; |
| 154 } | 155 } |
| 155 | 156 |
| 156 .extension-zippy-collapsed { | 157 .extension-zippy-collapsed { |
| 157 -webkit-transition: -webkit-transform .1s; | 158 -webkit-transition: -webkit-transform .1s; |
| 158 -webkit-transform: rotate(0deg); | 159 -webkit-transform: rotate(0deg); |
| 159 } | 160 } |
| 160 | 161 |
| 161 .extension-zippy-collapsed:hover { | 162 .extension-zippy-collapsed:hover { |
| 162 -webkit-transition: -webkit-transform .1s, opacity .1s; | |
| 163 opacity: .5; | 163 opacity: .5; |
| 164 -webkit-transform: rotate(5deg); | 164 -webkit-transform: rotate(5deg); |
| 165 -webkit-transition: -webkit-transform .1s, opacity .1s; | |
| 165 } | 166 } |
| 166 | 167 |
| 167 .extension-zippy-expanded { | 168 .extension-zippy-expanded { |
| 168 -webkit-transition: -webkit-transform .1s; | 169 -webkit-transition: -webkit-transform .1s; |
| 169 -webkit-transform: rotate(90deg); | 170 -webkit-transform: rotate(90deg); |
| 170 } | 171 } |
| 171 | 172 |
| 172 .extension-zippy-expanded:hover { | 173 .extension-zippy-expanded:hover { |
| 173 -webkit-transition: -webkit-transform .1s; | 174 -webkit-transition: -webkit-transform .1s; |
| 174 -webkit-transform: rotate(85deg); | 175 -webkit-transform: rotate(85deg); |
| 175 } | 176 } |
| 176 | 177 |
| 177 .extension-enabling { | 178 .extension-enabling { |
| 178 position: relative; | 179 position: relative; |
| 179 top: 3px; | 180 top: 3px; |
| 180 } | 181 } |
| 181 | 182 |
| 182 .extension-enabling-label { | 183 .extension-enabling-label { |
| 183 padding-left: 3px; | |
| 184 padding-right: 9px; | |
| 185 color: black; | 184 color: black; |
| 185 -webkit-padding-start: 3px; | |
| 186 -webkit-padding-end: 9px; | |
| 186 } | 187 } |
| 187 | 188 |
| 188 .extension-enabling-label-bold { | 189 .extension-enabling-label-bold { |
| 189 font-weight: bold; | 190 font-weight: bold; |
| 190 } | 191 } |
| 191 | 192 |
| 192 .extension-inspect-table { | 193 .extension-inspect-table { |
| 193 padding: 0; | 194 padding: 0; |
| 194 border-spacing: 0; | 195 border-spacing: 0; |
| 195 } | 196 } |
| 196 | 197 |
| 197 .extension-inspect-left-column { | 198 .extension-inspect-left-column { |
| 198 vertical-align: text-top; | 199 vertical-align: text-top; |
| 199 } | 200 } |
| 200 | 201 |
| 201 /* Dev */ | 202 /* Dev */ |
| 202 | 203 |
| 203 .dev-open { | 204 .dev-open { |
| 204 border-bottom: 1px solid rgb(205, 205, 205); | 205 border-bottom: 1px solid rgb(205, 205, 205); |
| 205 height: 32px; | 206 height: 32px; |
| 206 padding-bottom: 7px; | 207 padding-bottom: 7px; |
| 207 padding-left: 4px; | |
| 208 padding-right: 3px; | |
| 209 padding-top: 4px; | 208 padding-top: 4px; |
| 209 -webkit-padding-start: 4px; | |
| 210 -webkit-padding-end: 3px; | |
| 210 -webkit-transition: padding 300ms, height 300ms, opacity 700ms; | 211 -webkit-transition: padding 300ms, height 300ms, opacity 700ms; |
| 211 } | 212 } |
| 212 .dev-closed { | 213 .dev-closed { |
| 213 height: 0; | 214 height: 0; |
| 214 opacity: 0; | 215 opacity: 0; |
| 215 padding-left: 4px; | 216 -webkit-padding-start: 4px; |
| 216 padding-right: 3px; | 217 -webkit-padding-end: 3px; |
| 217 -webkit-transition: padding 300ms, height 700ms, opacity 200ms; | 218 -webkit-transition: padding 300ms, height 700ms, opacity 200ms; |
| 218 } | 219 } |
| 219 | 220 |
| 220 .dev-button-visible { | 221 .dev-button-visible { |
| 221 display: inherit; | 222 display: inherit; |
| 222 opacity: 1; | 223 opacity: 1; |
| 223 -webkit-transition: opacity 200ms; | 224 -webkit-transition: opacity 200ms; |
| 224 } | 225 } |
| 225 | 226 |
| 226 .dev-button-hidden { | 227 .dev-button-hidden { |
| 227 display: none; | 228 display: none; |
| 228 } | 229 } |
| 229 | 230 |
| 230 #suggest-gallery { | 231 #suggest-gallery { |
| 231 padding-left: 10px; | 232 -webkit-padding-start: 10px; |
| 232 } | 233 } |
| 233 | 234 |
| 234 #dev-toggle { | 235 #dev-toggle { |
| 235 display: block; | 236 display: block; |
| 236 float: right; | 237 float: right; |
| 237 margin-top: -28px; | 238 margin-top: -28px; |
| 238 margin-right: 8px; | 239 -webkit-margin-end: 8px; |
| 239 } | 240 } |
| 240 | 241 |
| 241 #get-more-extensions-container { | 242 #get-more-extensions-container { |
| 242 display: -webkit-box; | 243 display: -webkit-box; |
| 243 } | 244 } |
| 244 | 245 |
| 245 #get-more-extensions { | 246 #get-more-extensions { |
| 246 padding-left: 10px; | |
| 247 padding-top: 5px; | 247 padding-top: 5px; |
| 248 font-size: 15px; | 248 font-size: 15px; |
| 249 -webkit-padding-start: 10px; | |
| 249 } | 250 } |
| OLD | NEW |