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

Side by Side Diff: ui/webui/resources/css/tree.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/trash.css ('k') | ui/webui/resources/images/throbber_medium.svg » ('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 tree { 5 tree {
6 display: block; 6 display: block;
7 outline: none; 7 outline: none;
8 overflow: auto; 8 overflow: auto;
9 } 9 }
10 10
11 .tree-item > .tree-row { 11 .tree-item > .tree-row {
12 -webkit-user-select: none; 12 -webkit-user-select: none;
13 background-color: rgba(255, 255, 255, 0); 13 background-color: rgba(255, 255, 255, 0);
14 border: 1px solid rgba(255, 255, 255, 0); /* transparent white */ 14 border: 1px solid rgba(255, 255, 255, 0); /* transparent white */
15 border-radius: 2px; 15 border-radius: 2px;
16 color: black; 16 color: black;
17 cursor: default; 17 cursor: default;
18 line-height: 28px; 18 line-height: 28px;
19 padding: 0 3px; 19 padding: 0 3px;
20 position: relative; 20 position: relative;
21 white-space: nowrap; 21 white-space: nowrap;
22 } 22 }
23 23
24 .expand-icon { 24 .expand-icon {
25 -webkit-transform: rotate(-90deg); 25 transform: rotate(-90deg);
26 -webkit-transition: all 150ms; 26 -webkit-transition: all 150ms;
27 background: url(../images/tree_triangle.svg) no-repeat center center; 27 background: url(../images/tree_triangle.svg) no-repeat center center;
28 background-size: 8px 5px; 28 background-size: 8px 5px;
29 display: inline-block; 29 display: inline-block;
30 height: 16px; 30 height: 16px;
31 opacity: .6; 31 opacity: .6;
32 position: relative; 32 position: relative;
33 top: 6px; 33 top: 6px;
34 vertical-align: top; 34 vertical-align: top;
35 width: 16px; 35 width: 16px;
36 } 36 }
37 37
38 html[dir=rtl] .expand-icon { 38 html[dir=rtl] .expand-icon {
39 -webkit-transform: rotate(90deg); 39 transform: rotate(90deg);
40 } 40 }
41 41
42 .tree-item[expanded] > .tree-row > .expand-icon { 42 .tree-item[expanded] > .tree-row > .expand-icon {
43 -webkit-transform: rotate(0); 43 transform: rotate(0);
44 background-image: url(../images/tree_triangle.svg); 44 background-image: url(../images/tree_triangle.svg);
45 opacity: .5; 45 opacity: .5;
46 } 46 }
47 47
48 .tree-row .expand-icon { 48 .tree-row .expand-icon {
49 visibility: hidden; 49 visibility: hidden;
50 } 50 }
51 51
52 .tree-row[may-have-children] .expand-icon { 52 .tree-row[may-have-children] .expand-icon {
53 visibility: visible; 53 visibility: visible;
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after
170 <if expr="not is_macosx and not is_ios"> 170 <if expr="not is_macosx and not is_ios">
171 outline: none; 171 outline: none;
172 </if> 172 </if>
173 padding: 1px 7px 1px 1px; 173 padding: 1px 7px 1px 1px;
174 } 174 }
175 175
176 html[dir=rtl] .tree-item[editing] input { 176 html[dir=rtl] .tree-item[editing] input {
177 margin: -2px -3px -2px -8px; 177 margin: -2px -3px -2px -8px;
178 padding: 1px 1px 1px 7px; 178 padding: 1px 1px 1px 7px;
179 } 179 }
OLDNEW
« no previous file with comments | « ui/webui/resources/css/trash.css ('k') | ui/webui/resources/images/throbber_medium.svg » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698