Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(873)

Side by Side Diff: ui/file_manager/gallery/css/gallery.css

Issue 1170403005: Revert of Gallery: Add toolbar at the top of window. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | ui/file_manager/gallery/gallery.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | ui/file_manager/gallery/gallery.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698