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

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

Issue 2317113002: Remove ::shadow and /deep/ combinator from Files app. (Closed)
Patch Set: Created 4 years, 3 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 background-color: black; 7 background-color: black;
8 font-size: 84%; 8 font-size: 84%;
9 margin: 0; 9 margin: 0;
10 } 10 }
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after
69 69
70 html[dir='rtl'] .bubble .close-x { 70 html[dir='rtl'] .bubble .close-x {
71 right: auto; 71 right: auto;
72 left: 3px; 72 left: 3px;
73 } 73 }
74 74
75 .bubble .close-x:hover { 75 .bubble .close-x:hover {
76 opacity: 0.7; 76 opacity: 0.7;
77 } 77 }
78 78
79 paper-ripple, 79 paper-ripple {
80 paper-button::shadow paper-ripple {
81 color: black; 80 color: black;
82 } 81 }
83 82
84 files-toggle-ripple::shadow .ripple.activated {
85 opacity: 0.4;
86 }
87
88 .gallery, 83 .gallery,
89 .gallery > .content { 84 .gallery > .content {
90 bottom: 0; 85 bottom: 0;
91 left: 0; 86 left: 0;
92 overflow: hidden; 87 overflow: hidden;
93 position: absolute; 88 position: absolute;
94 right: 0; 89 right: 0;
95 top: 0; 90 top: 0;
96 } 91 }
97 92
(...skipping 451 matching lines...) Expand 10 before | Expand all | Expand 10 after
549 .gallery[editing] .edit-mode-toolbar .options, 544 .gallery[editing] .edit-mode-toolbar .options,
550 .gallery[editing] .edit-mode-toolbar .exit-button-spacer { 545 .gallery[editing] .edit-mode-toolbar .exit-button-spacer {
551 opacity: 1; 546 opacity: 1;
552 visibility: visible; 547 visibility: visible;
553 } 548 }
554 549
555 .edit-mode-toolbar .overwrite-original { 550 .edit-mode-toolbar .overwrite-original {
556 -webkit-margin-start: 16px; 551 -webkit-margin-start: 16px;
557 } 552 }
558 553
559 .edit-mode-toolbar .overwrite-original[disabled]::shadow #checkbox, 554 .edit-mode-toolbar .overwrite-original[disabled] {
560 .edit-mode-toolbar .overwrite-original[disabled]::shadow #checkboxLabel {
561 opacity: 0.2; 555 opacity: 0.2;
562 } 556 }
563 557
564 .gallery .edit-mode-toolbar .saved { 558 .gallery .edit-mode-toolbar .saved {
565 -webkit-margin-start: 14px; 559 -webkit-margin-start: 14px;
566 cursor: inherit; 560 cursor: inherit;
567 opacity: 0; 561 opacity: 0;
568 pointer-events: none; 562 pointer-events: none;
569 transition-duration: 120ms; 563 transition-duration: 120ms;
570 transition-property: opacity, transform; 564 transition-property: opacity, transform;
(...skipping 337 matching lines...) Expand 10 before | Expand all | Expand 10 after
908 -webkit-margin-end: 8px; 902 -webkit-margin-end: 8px;
909 display: block; 903 display: block;
910 height: 16px; 904 height: 16px;
911 width: 16px; 905 width: 16px;
912 } 906 }
913 907
914 paper-slider { 908 paper-slider {
915 width: 172px; 909 width: 172px;
916 } 910 }
917 911
918 paper-slider::shadow paper-progress::shadow #progressContainer {
919 background-color: rgba(255, 255, 255, 0.2);
920 }
921
922 .edit-modal .range.brightness > .icon { 912 .edit-modal .range.brightness > .icon {
923 background-image: -webkit-image-set( 913 background-image: -webkit-image-set(
924 url(../images/100/brightness.png) 1x, 914 url(../images/100/brightness.png) 1x,
925 url(../images/200/brightness.png) 2x); 915 url(../images/200/brightness.png) 2x);
926 } 916 }
927 917
928 .edit-modal .range.contrast > .icon { 918 .edit-modal .range.contrast > .icon {
929 background-image: -webkit-image-set( 919 background-image: -webkit-image-set(
930 url(../images/100/contrast.png) 1x, 920 url(../images/100/contrast.png) 1x,
931 url(../images/200/contrast.png) 2x); 921 url(../images/200/contrast.png) 2x);
(...skipping 448 matching lines...) Expand 10 before | Expand all | Expand 10 after
1380 .thumbnail-view .animation-thumbnail { 1370 .thumbnail-view .animation-thumbnail {
1381 background-repeat: no-repeat; 1371 background-repeat: no-repeat;
1382 background-size: cover; 1372 background-size: cover;
1383 display: none; 1373 display: none;
1384 position: absolute; 1374 position: absolute;
1385 } 1375 }
1386 1376
1387 .thumbnail-view .animation-thumbnail.animating { 1377 .thumbnail-view .animation-thumbnail.animating {
1388 display: block; 1378 display: block;
1389 } 1379 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698