OLD | NEW |
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 | 5 |
6 tree { | 6 tree { |
7 display: block; | 7 display: block; |
8 outline: none; | 8 outline: none; |
9 overflow: auto; | 9 overflow: auto; |
10 } | 10 } |
11 | 11 |
12 .tree-item > .tree-row { | 12 .tree-item > .tree-row { |
13 -webkit-user-select: none; | 13 -webkit-user-select: none; |
14 background-color: rgba(255, 255, 255, 0); | 14 background-color: rgba(255, 255, 255, 0); |
15 border: 1px solid rgba(255, 255, 255, 0); /* transparent white */ | 15 border: 1px solid rgba(255, 255, 255, 0); /* transparent white */ |
16 border-radius: 2px; | 16 border-radius: 2px; |
17 color: black; | 17 color: black; |
18 cursor: default; | 18 cursor: default; |
19 line-height: 20px; | 19 line-height: 28px; |
20 padding: 0 3px; | 20 padding: 0 3px; |
21 position: relative; | 21 position: relative; |
22 white-space: nowrap; | 22 white-space: nowrap; |
23 } | 23 } |
24 | 24 |
25 @media (pointer:coarse) { | |
26 .tree-item > .tree-row { | |
27 line-height: 40px; | |
28 } | |
29 } | |
30 | |
31 .expand-icon { | 25 .expand-icon { |
32 -webkit-transform: rotate(-90deg); | 26 -webkit-transform: rotate(-90deg); |
33 -webkit-transition: all 150ms; | 27 -webkit-transition: all 150ms; |
34 background-image: -webkit-canvas(tree-triangle); | 28 background-image: -webkit-canvas(tree-triangle); |
35 background-position: 50% 50%; | 29 background-position: 50% 50%; |
36 background-repeat: no-repeat; | 30 background-repeat: no-repeat; |
37 display: inline-block; | 31 display: inline-block; |
38 height: 16px; | 32 height: 16px; |
39 opacity: .6; | 33 opacity: .6; |
40 position: relative; | 34 position: relative; |
41 top: 2px; | 35 top: 6px; |
42 vertical-align: top; | 36 vertical-align: top; |
43 width: 16px; | 37 width: 16px; |
44 } | 38 } |
45 | 39 |
46 @media (pointer:coarse) { | |
47 .expand-icon { | |
48 vertical-align: text-top; | |
49 } | |
50 } | |
51 | |
52 html[dir=rtl] .expand-icon { | 40 html[dir=rtl] .expand-icon { |
53 -webkit-transform: rotate(90deg); | 41 -webkit-transform: rotate(90deg); |
54 } | 42 } |
55 | 43 |
56 .tree-item[expanded] > .tree-row > .expand-icon { | 44 .tree-item[expanded] > .tree-row > .expand-icon { |
57 -webkit-transform: rotate(0); | 45 -webkit-transform: rotate(0); |
58 background-image: -webkit-canvas(tree-triangle); | 46 background-image: -webkit-canvas(tree-triangle); |
59 opacity: .5; | 47 opacity: .5; |
60 } | 48 } |
61 | 49 |
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
184 <if expr="not is_macosx"> | 172 <if expr="not is_macosx"> |
185 outline: none; | 173 outline: none; |
186 </if> | 174 </if> |
187 padding: 1px 7px 1px 1px; | 175 padding: 1px 7px 1px 1px; |
188 } | 176 } |
189 | 177 |
190 html[dir=rtl] .tree-item[editing] input { | 178 html[dir=rtl] .tree-item[editing] input { |
191 margin: -2px -3px -2px -8px; | 179 margin: -2px -3px -2px -8px; |
192 padding: 1px 1px 1px 7px; | 180 padding: 1px 1px 1px 7px; |
193 } | 181 } |
OLD | NEW |