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

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

Issue 1608143002: support animated GIF (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: add assert to pass closure compiler Created 4 years, 11 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
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 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
117 pointer-events: none; 117 pointer-events: none;
118 position: absolute; 118 position: absolute;
119 /* Duration and timing function are set in Javascript. */ 119 /* Duration and timing function are set in Javascript. */
120 transition-property: transform, opacity; 120 transition-property: transform, opacity;
121 } 121 }
122 122
123 .gallery .image-container > .image[fade] { 123 .gallery .image-container > .image[fade] {
124 opacity: 0; 124 opacity: 0;
125 } 125 }
126 126
127 /* Full resolution image is invisible unless printing. */
128 .gallery .image-container > canvas.fullres {
129 opacity: 0;
130 position: absolute;
131 }
132
133 @media print { 127 @media print {
134 /* Do not print anything but the image content. */ 128 /* Do not print anything but the image content. */
135 .gallery > :not(.content) { 129 .gallery > :not(.content) {
136 display: none !important; 130 display: none !important;
137 } 131 }
138 132
139 /* Center the printed image. */ 133 /* Center the printed image. */
140 .gallery .image-container { 134 .gallery .image-container {
141 -webkit-box-align: center; 135 -webkit-box-align: center;
142 -webkit-box-orient: horizontal; 136 -webkit-box-orient: horizontal;
143 -webkit-box-pack: center; 137 -webkit-box-pack: center;
144 display: -webkit-box; 138 display: -webkit-box;
145 } 139 }
146 140
147 /* Do not print the screen resolution image. */
148 .gallery .image-container > canvas.image {
149 display: none !important;
150 }
151
152 /* Print the full resolution image instead. */ 141 /* Print the full resolution image instead. */
153 .gallery .image-container > canvas.fullres { 142 .gallery .image-container > .image {
154 height: auto !important; 143 height: auto !important;
155 max-height: 100%; 144 max-height: 100%;
156 max-width: 100%; 145 max-width: 100%;
157 opacity: 1 !important; 146 opacity: 1 !important;
158 position: static !important; 147 position: static !important;
159 transform: none !important; 148 transform: none !important;
160 visibility: visible !important; 149 visibility: visible !important;
161 width: auto !important; 150 width: auto !important;
162 } 151 }
163 } 152 }
(...skipping 1168 matching lines...) Expand 10 before | Expand all | Expand 10 after
1332 .thumbnail-view .animation-thumbnail { 1321 .thumbnail-view .animation-thumbnail {
1333 background-repeat: no-repeat; 1322 background-repeat: no-repeat;
1334 background-size: cover; 1323 background-size: cover;
1335 display: none; 1324 display: none;
1336 position: absolute; 1325 position: absolute;
1337 } 1326 }
1338 1327
1339 .thumbnail-view .animation-thumbnail.animating { 1328 .thumbnail-view .animation-thumbnail.animating {
1340 display: block; 1329 display: block;
1341 } 1330 }
OLDNEW
« no previous file with comments | « ui/file_manager/file_manager/background/js/test_util_base.js ('k') | ui/file_manager/gallery/js/image_editor/commands.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698