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

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

Issue 2692803003: Remove webkit prefixes for CSS Animation in ui/ styles (Closed)
Patch Set: rebase Created 3 years, 10 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 background-color: black; 6 background-color: black;
7 font-size: 84%; 7 font-size: 84%;
8 margin: 0; 8 margin: 0;
9 user-select: none; 9 user-select: none;
10 } 10 }
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
44 margin: 0 -5px 0 0; 44 margin: 0 -5px 0 0;
45 left: auto; 45 left: auto;
46 right: 24px; 46 right: 24px;
47 } 47 }
48 48
49 .bubble .pointer:not(.bottom) { 49 .bubble .pointer:not(.bottom) {
50 top: -11px; 50 top: -11px;
51 } 51 }
52 52
53 .bubble .pointer.bottom { 53 .bubble .pointer.bottom {
54 bottom: -11px;
54 transform: rotate(180deg); 55 transform: rotate(180deg);
55 bottom: -11px;
56 } 56 }
57 57
58 .bubble .close-x { 58 .bubble .close-x {
59 background: -webkit-image-set( 59 background: -webkit-image-set(
60 url(../../file_manager/foreground/images/common/close_x_gray.png) 1x, 60 url(../../file_manager/foreground/images/common/close_x_gray.png) 1x,
61 url(../../file_manager/foreground/images/common/2x/close_x_gray.png) 2x); 61 url(../../file_manager/foreground/images/common/2x/close_x_gray.png) 2x);
62 height: 21px; 62 height: 21px;
63 opacity: 0.3; 63 opacity: 0.3;
64 position: absolute; 64 position: absolute;
65 right: 3px; 65 right: 3px;
(...skipping 391 matching lines...) Expand 10 before | Expand all | Expand 10 after
457 overflow: hidden; 457 overflow: hidden;
458 position: absolute; 458 position: absolute;
459 width: 100%; 459 width: 100%;
460 } 460 }
461 461
462 .gallery .image-wrapper > img { 462 .gallery .image-wrapper > img {
463 position: absolute; 463 position: absolute;
464 } 464 }
465 465
466 .gallery .image-wrapper > img:not(.cached) { 466 .gallery .image-wrapper > img:not(.cached) {
467 -webkit-animation: fadeIn 500ms ease-in; 467 animation: fadeIn 500ms ease-in;
468 } 468 }
469 469
470 @-webkit-keyframes fadeIn { 470 @keyframes fadeIn {
471 from { 471 from {
472 opacity: 0; 472 opacity: 0;
473 } 473 }
474 to { 474 to {
475 opacity: 1; 475 opacity: 1;
476 } 476 }
477 } 477 }
478 478
479 .gallery .ribbon-image > .indicator { 479 .gallery .ribbon-image > .indicator {
480 -webkit-transition: opacity 500ms ease-in; 480 -webkit-transition: opacity 500ms ease-in;
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after
564 transition-property: opacity, transform; 564 transition-property: opacity, transform;
565 transition-timing-function: linear; 565 transition-timing-function: linear;
566 } 566 }
567 567
568 .gallery[editing] .edit-mode-toolbar .saved { 568 .gallery[editing] .edit-mode-toolbar .saved {
569 color: white; 569 color: white;
570 opacity: 0.5; 570 opacity: 0.5;
571 } 571 }
572 572
573 .gallery .edit-mode-toolbar .saved[highlighted] { 573 .gallery .edit-mode-toolbar .saved[highlighted] {
574 opacity: 1;
574 transform: scaleX(1.1) scaleY(1.1) rotate(0); 575 transform: scaleX(1.1) scaleY(1.1) rotate(0);
575 opacity: 1;
576 } 576 }
577 577
578 /* Editor buttons. */ 578 /* Editor buttons. */
579 579
580 .gallery .toolbar .edit-main { 580 .gallery .toolbar .edit-main {
581 align-items: center; 581 align-items: center;
582 color: white; 582 color: white;
583 display: flex; 583 display: flex;
584 height: 48px; 584 height: 48px;
585 justify-content: center; 585 justify-content: center;
(...skipping 838 matching lines...) Expand 10 before | Expand all | Expand 10 after
1424 .thumbnail-view .animation-thumbnail { 1424 .thumbnail-view .animation-thumbnail {
1425 background-repeat: no-repeat; 1425 background-repeat: no-repeat;
1426 background-size: cover; 1426 background-size: cover;
1427 display: none; 1427 display: none;
1428 position: absolute; 1428 position: absolute;
1429 } 1429 }
1430 1430
1431 .thumbnail-view .animation-thumbnail.animating { 1431 .thumbnail-view .animation-thumbnail.animating {
1432 display: block; 1432 display: block;
1433 } 1433 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698