| OLD | NEW |
| 1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2014 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 body { | 5 body { |
| 6 -webkit-user-select: none; | 6 -webkit-user-select: none; |
| 7 font-size: 84%; | 7 font-size: 84%; |
| 8 margin: 0; | 8 margin: 0; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 165 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 176 height: 45px; | 176 height: 45px; |
| 177 top: 0; | 177 top: 0; |
| 178 } | 178 } |
| 179 | 179 |
| 180 .gallery .header button { | 180 .gallery .header button { |
| 181 -webkit-app-region: no-drag; | 181 -webkit-app-region: no-drag; |
| 182 } | 182 } |
| 183 | 183 |
| 184 .gallery > .toolbar { | 184 .gallery > .toolbar { |
| 185 border-top: 1px solid rgba(50, 50, 50, 0.8); | 185 border-top: 1px solid rgba(50, 50, 50, 0.8); |
| 186 bottom: 0; |
| 186 height: 55px; | 187 height: 55px; |
| 187 overflow: hidden; | 188 overflow: hidden; |
| 188 } | 189 } |
| 189 | 190 |
| 190 .gallery > .toolbar.top { | |
| 191 top: 45px; /* Header height. */ | |
| 192 } | |
| 193 | |
| 194 .gallery > .toolbar.bottom { | |
| 195 bottom: 0; | |
| 196 } | |
| 197 | |
| 198 .gallery[tools]:not([slideshow]) > .header, | 191 .gallery[tools]:not([slideshow]) > .header, |
| 199 .gallery[tools]:not([slideshow]) > .toolbar { | 192 .gallery[tools]:not([slideshow]) > .toolbar { |
| 200 opacity: 1; | 193 opacity: 1; |
| 201 pointer-events: auto; | 194 pointer-events: auto; |
| 202 } | 195 } |
| 203 | 196 |
| 204 /* Hide immediately when entering the slideshow. */ | 197 /* Hide immediately when entering the slideshow. */ |
| 205 .gallery[tools][slideshow] > .toolbar { | 198 .gallery[tools][slideshow] > .toolbar { |
| 206 transition-duration: 0ms; | 199 transition-duration: 0ms; |
| 207 } | 200 } |
| (...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 288 pointer-events: none; | 281 pointer-events: none; |
| 289 } | 282 } |
| 290 | 283 |
| 291 .gallery[tools][editing] [dimmed] { | 284 .gallery[tools][editing] [dimmed] { |
| 292 opacity: 0.2; | 285 opacity: 0.2; |
| 293 } | 286 } |
| 294 | 287 |
| 295 /* Filename */ | 288 /* Filename */ |
| 296 | 289 |
| 297 .gallery .filename-spacer { | 290 .gallery .filename-spacer { |
| 298 flex: 1 0 auto; | 291 flex: 0 1 auto; |
| 299 height: 100%; | 292 height: 100%; |
| 300 min-width: 140px; | 293 min-width: 140px; |
| 301 overflow: hidden; | 294 overflow: hidden; |
| 302 position: relative; | 295 position: relative; |
| 296 width: 252px; |
| 303 } | 297 } |
| 304 | 298 |
| 305 .gallery .filename-spacer > * { | 299 .gallery .filename-spacer > * { |
| 306 background-color: transparent; | 300 background-color: transparent; |
| 307 overflow: hidden; | 301 overflow: hidden; |
| 308 position: absolute; | 302 position: absolute; |
| 309 transition: visibility 0ms linear 180ms, all 180ms linear; | 303 transition: visibility 0ms linear 180ms, all 180ms linear; |
| 310 width: 260px; | 304 width: 260px; |
| 311 } | 305 } |
| 312 | 306 |
| (...skipping 835 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1148 padding-left: 70px; | 1142 padding-left: 70px; |
| 1149 padding-right: 35px; | 1143 padding-right: 35px; |
| 1150 } | 1144 } |
| 1151 | 1145 |
| 1152 .gallery:not([error]) .error-banner { | 1146 .gallery:not([error]) .error-banner { |
| 1153 display: none; | 1147 display: none; |
| 1154 } | 1148 } |
| 1155 | 1149 |
| 1156 /* Mosaic view. */ | 1150 /* Mosaic view. */ |
| 1157 .mosaic { | 1151 .mosaic { |
| 1158 bottom: 0; | 1152 bottom: 55px; /* Toolbar height. */ |
| 1159 left: 0; | 1153 left: 0; |
| 1160 overflow-x: scroll; | 1154 overflow-x: scroll; |
| 1161 overflow-y: hidden; | 1155 overflow-y: hidden; |
| 1162 position: absolute; | 1156 position: absolute; |
| 1163 right: 0; | 1157 right: 0; |
| 1164 top: 100px; /* Header + Toolbar height. */ | 1158 top: 0; |
| 1165 | 1159 |
| 1166 /* transition-duration is set in Javascript. */ | 1160 /* transition-duration is set in Javascript. */ |
| 1167 transition-property: transform; | 1161 transition-property: transform; |
| 1168 transition-timing-function: linear; | 1162 transition-timing-function: linear; |
| 1169 } | 1163 } |
| 1170 | 1164 |
| 1171 .mosaic::-webkit-scrollbar { | 1165 .mosaic::-webkit-scrollbar { |
| 1172 background: transparent; | 1166 background: transparent; |
| 1173 } | 1167 } |
| 1174 | 1168 |
| (...skipping 192 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1367 background-color: rgba(255, 0, 0, 0.3); | 1361 background-color: rgba(255, 0, 0, 0.3); |
| 1368 } | 1362 } |
| 1369 | 1363 |
| 1370 .debug-me .load-target-external-metadata::before { | 1364 .debug-me .load-target-external-metadata::before { |
| 1371 background-color: rgba(0, 255, 0, 0.3); | 1365 background-color: rgba(0, 255, 0, 0.3); |
| 1372 } | 1366 } |
| 1373 | 1367 |
| 1374 .debug-me .load-target-file-entry::before { | 1368 .debug-me .load-target-file-entry::before { |
| 1375 background-color: rgba(0, 0, 255, 0.3); | 1369 background-color: rgba(0, 0, 255, 0.3); |
| 1376 } | 1370 } |
| OLD | NEW |