OLD | NEW |
1 /* | 1 /* |
2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 .tree-outline { | 7 .tree-outline { |
8 padding: 0 0 4px 4px; | 8 padding: 0 0 4px 4px; |
9 margin: 0; | 9 margin: 0; |
10 z-index: 0; | 10 z-index: 0; |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
58 padding: 0; | 58 padding: 0; |
59 } | 59 } |
60 | 60 |
61 .tree-outline ol { | 61 .tree-outline ol { |
62 padding-left: 12px; | 62 padding-left: 12px; |
63 } | 63 } |
64 | 64 |
65 .tree-outline li { | 65 .tree-outline li { |
66 text-overflow: ellipsis; | 66 text-overflow: ellipsis; |
67 white-space: nowrap; | 67 white-space: nowrap; |
68 overflow: hidden; | |
69 min-height: 17px; | 68 min-height: 17px; |
70 padding-top: 2px; | 69 padding-top: 2px; |
71 position: relative; | 70 position: relative; |
72 } | 71 } |
73 | 72 |
74 ol.tree-outline:focus li.selected { | 73 ol.tree-outline:focus li.selected { |
75 color: white; | 74 color: white; |
76 } | 75 } |
77 | 76 |
78 ol.tree-outline:focus li.selected * { | 77 ol.tree-outline:focus li.selected * { |
79 color: inherit; | 78 color: inherit; |
80 } | 79 } |
81 | 80 |
82 .tree-outline li::before { | 81 .tree-outline li::before { |
83 float: left; | |
84 -webkit-user-select: none; | 82 -webkit-user-select: none; |
85 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 83 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
86 -webkit-mask-size: 352px 168px; | 84 -webkit-mask-size: 352px 168px; |
87 content: "a"; | 85 content: "aa"; |
88 color: transparent; | 86 color: transparent; |
89 text-shadow: none; | 87 text-shadow: none; |
90 position: relative; | 88 margin-right: -2px; |
91 margin-right: 1px; | 89 height: 12px; |
92 top: 1px; | |
93 width: 10px; | |
94 height: 10px; | |
95 } | 90 } |
96 | 91 |
97 .tree-outline li:not(.parent)::before { | 92 .tree-outline li:not(.parent)::before { |
98 background-color: transparent; | 93 background-color: transparent; |
99 } | 94 } |
100 | 95 |
101 @media (-webkit-min-device-pixel-ratio: 1.5) { | 96 @media (-webkit-min-device-pixel-ratio: 1.5) { |
102 .tree-outline li::before { | 97 .tree-outline li::before { |
103 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 98 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
104 } | 99 } |
105 } /* media */ | 100 } /* media */ |
106 | 101 |
107 .tree-outline li::before { | 102 .tree-outline li::before { |
108 -webkit-mask-position: -4px -96px; | 103 -webkit-mask-position: -4px -96px; |
109 background-color: rgb(110, 110, 110); | 104 background-color: rgb(110, 110, 110); |
110 } | 105 } |
111 | 106 |
112 .tree-outline li.parent.expanded::before { | 107 .tree-outline li.parent.expanded::before { |
113 -webkit-mask-position: -20px -96px; | 108 -webkit-mask-position: -20px -96px; |
114 } | 109 } |
115 | 110 |
116 .tree-outline ol.children { | 111 .tree-outline ol.children { |
117 display: none; | 112 display: none; |
118 } | 113 } |
119 | 114 |
120 .tree-outline ol.children.expanded { | 115 .tree-outline ol.children.expanded { |
121 display: block; | 116 display: block; |
122 } | 117 } |
OLD | NEW |