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

Side by Side Diff: ui/webui/resources/css/trash.css

Issue 1549903002: Replace -webkit-transform with transform in Chrome UI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase CL Created 4 years, 8 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 | « ui/webui/resources/css/overlay.css ('k') | ui/webui/resources/css/tree.css » ('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) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 .trash { 5 .trash {
6 -webkit-appearance: none; 6 -webkit-appearance: none;
7 background: none; 7 background: none;
8 border: none; 8 border: none;
9 cursor: pointer; 9 cursor: pointer;
10 display: inline-block; 10 display: inline-block;
(...skipping 11 matching lines...) Expand all
22 .trash > .lid { 22 .trash > .lid {
23 background: url(chrome://resources/images/trash.png) 0 0 no-repeat; 23 background: url(chrome://resources/images/trash.png) 0 0 no-repeat;
24 left: 8px; 24 left: 8px;
25 position: absolute; 25 position: absolute;
26 right: 8px; 26 right: 8px;
27 top: 2px; 27 top: 2px;
28 } 28 }
29 29
30 .trash > .lid { 30 .trash > .lid {
31 -webkit-transform-origin: -7% 100%; 31 -webkit-transform-origin: -7% 100%;
32 -webkit-transition: -webkit-transform 150ms; 32 -webkit-transition: transform 150ms;
33 height: 6px; 33 height: 6px;
34 width: 14px; 34 width: 14px;
35 } 35 }
36 36
37 html[dir='rtl'] .trash > .lid { 37 html[dir='rtl'] .trash > .lid {
38 -webkit-transform-origin: 107% 100%; 38 -webkit-transform-origin: 107% 100%;
39 } 39 }
40 40
41 .trash:-webkit-any(:focus, :hover, .open) > .lid { 41 .trash:-webkit-any(:focus, :hover, .open) > .lid {
42 -webkit-transform: rotate(-45deg); 42 transform: rotate(-45deg);
43 -webkit-transition: -webkit-transform 250ms; 43 -webkit-transition: transform 250ms;
44 } 44 }
45 45
46 html[dir='rtl'] .trash:-webkit-any(:focus, :hover, .open) > .lid { 46 html[dir='rtl'] .trash:-webkit-any(:focus, :hover, .open) > .lid {
47 -webkit-transform: rotate(45deg); 47 transform: rotate(45deg);
48 } 48 }
49 49
50 .trash > .can { 50 .trash > .can {
51 background-position: -1px -4px; 51 background-position: -1px -4px;
52 height: 12px; 52 height: 12px;
53 /* The margins match the background position offsets. */ 53 /* The margins match the background position offsets. */
54 margin-left: 1px; 54 margin-left: 1px;
55 /* The right margin is one greater due to a shadow on the trash image. */ 55 /* The right margin is one greater due to a shadow on the trash image. */
56 margin-right: 2px; 56 margin-right: 2px;
57 margin-top: 4px; 57 margin-top: 4px;
58 width: 11px; 58 width: 11px;
59 } 59 }
OLDNEW
« no previous file with comments | « ui/webui/resources/css/overlay.css ('k') | ui/webui/resources/css/tree.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698