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 |