OLD | NEW |
1 tree { | 1 tree { |
2 outline: none; | 2 outline: none; |
3 overflow: auto; | 3 overflow: auto; |
4 display: block; | 4 display: block; |
5 } | 5 } |
6 | 6 |
7 .tree-item > .tree-row { | 7 .tree-item > .tree-row { |
8 color: black; | 8 color: black; |
9 -webkit-user-select: none; | 9 -webkit-user-select: none; |
10 border: 1px solid rgba(255,255,255,0); /* transparent white */ | 10 border: 1px solid rgba(255,255,255,0); /* transparent white */ |
(...skipping 82 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
93 display: none; | 93 display: none; |
94 } | 94 } |
95 | 95 |
96 .tree-item > .tree-row > * { | 96 .tree-item > .tree-row > * { |
97 display: inline-block; | 97 display: inline-block; |
98 box-sizing: border-box; | 98 box-sizing: border-box; |
99 } | 99 } |
100 | 100 |
101 .tree-label { | 101 .tree-label { |
102 -webkit-padding-start: 20px; | 102 -webkit-padding-start: 20px; |
103 background-image: url("../../../../../ui/resources/folder_closed.png"); | |
104 background-position: 0 50%; | 103 background-position: 0 50%; |
105 background-repeat: no-repeat; | 104 background-repeat: no-repeat; |
106 white-space: pre; | 105 white-space: pre; |
107 } | 106 } |
108 | 107 |
| 108 html[dir=rtl] .tree-label { |
| 109 background-position: 100% 50%; |
| 110 } |
| 111 |
| 112 html[dir=rtl] .tree-label, |
| 113 html[dir=rtl] .tree-row[may-have-children] > .tree-label { |
| 114 background-image: url("../../../../../ui/resources/folder_closed_rtl.png"); |
| 115 } |
| 116 |
| 117 html[dir=rtl] .tree-item[expanded] > .tree-row > .tree-label { |
| 118 background-image: url("../../../../../ui/resources/folder_open_rtl.png"); |
| 119 } |
| 120 |
| 121 tree[icon-visibility=hidden] .tree-label { |
| 122 -webkit-padding-start: 0; |
| 123 background-image: none !important; |
| 124 } |
| 125 |
| 126 tree[icon-visibility=parent] .tree-label, |
| 127 tree[icon-visibility=parent] .tree-row[has-children=false] > .tree-label { |
| 128 background-image: none; |
| 129 } |
| 130 |
| 131 .tree-label, |
| 132 .tree-row[may-have-children] > .tree-label { |
| 133 background-image: url("../../../../../ui/resources/folder_closed.png"); |
| 134 } |
| 135 |
| 136 .tree-item[expanded] > .tree-row > .tree-label { |
| 137 background-image: url("../../../../../ui/resources/folder_open.png"); |
| 138 } |
| 139 |
109 /* We need to ensure that even empty labels take up space */ | 140 /* We need to ensure that even empty labels take up space */ |
110 .tree-label:empty:after { | 141 .tree-label:empty:after { |
111 content: " "; | 142 content: " "; |
112 white-space: pre; | 143 white-space: pre; |
113 } | 144 } |
114 | 145 |
115 .tree-rename > .tree-row > .tree-label { | 146 .tree-rename > .tree-row > .tree-label { |
116 -webkit-user-select: auto; | 147 -webkit-user-select: auto; |
117 -webkit-user-modify: read-write-plaintext-only; | 148 -webkit-user-modify: read-write-plaintext-only; |
118 background: white; | 149 background: white; |
119 color: black; | 150 color: black; |
120 outline: 1px solid black; | 151 outline: 1px solid black; |
121 } | 152 } |
122 | 153 |
123 html[dir=rtl] .tree-label { | |
124 background-position: 100% 50%; | |
125 } | |
126 | |
127 .tree-item[expanded] > .tree-row > .tree-label { | |
128 background-image: url("../../../../../ui/resources/folder_open.png"); | |
129 } | |
130 | |
131 html[dir='rtl'] .tree-label { | |
132 background-image: url("../../../../../ui/resources/folder_closed_rtl.png"); | |
133 } | |
134 | |
135 html[dir='rtl'] .tree-item[expanded] > .tree-row > .tree-label { | |
136 background-image: url("../../../../../ui/resources/folder_open_rtl.png"); | |
137 } | |
138 | |
139 .tree-item[editing] input { | 154 .tree-item[editing] input { |
140 /* Do not inherit the line-height */ | 155 /* Do not inherit the line-height */ |
141 font-family: inherit; | 156 font-family: inherit; |
142 font-size: inherit; | 157 font-size: inherit; |
143 font-weight: inherit; | 158 font-weight: inherit; |
144 margin: -2px -8px -2px -3px; | 159 margin: -2px -8px -2px -3px; |
145 padding: 1px 7px 1px 1px; | 160 padding: 1px 7px 1px 1px; |
146 } | 161 } |
147 | 162 |
148 html:not([os=mac]) .tree-item[editing] input { | 163 html:not([os=mac]) .tree-item[editing] input { |
149 outline: none; | 164 outline: none; |
150 } | 165 } |
151 | 166 |
152 html[dir=rtl] .tree-item[editing] input { | 167 html[dir=rtl] .tree-item[editing] input { |
153 margin: -2px -3px -2px -8px; | 168 margin: -2px -3px -2px -8px; |
154 padding: 1px 1px 1px 7px; | 169 padding: 1px 1px 1px 7px; |
155 } | 170 } |
OLD | NEW |