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 html, | 5 html, |
6 body { | 6 body { |
7 cursor: default; | 7 cursor: default; |
8 height: 100%; | 8 height: 100%; |
9 margin: 0; | 9 margin: 0; |
10 overflow: hidden; | 10 overflow: hidden; |
(...skipping 192 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
203 | 203 |
204 .main { | 204 .main { |
205 -webkit-flex: 1; | 205 -webkit-flex: 1; |
206 display: -webkit-flex; | 206 display: -webkit-flex; |
207 /* TODO(arv): Remove min-height once bug is fixed: | 207 /* TODO(arv): Remove min-height once bug is fixed: |
208 * https://bugs.webkit.org/show_bug.cgi?id=111790 */ | 208 * https://bugs.webkit.org/show_bug.cgi?id=111790 */ |
209 min-height: 0; | 209 min-height: 0; |
210 } | 210 } |
211 | 211 |
212 #tree-container { | 212 #tree-container { |
213 -webkit-padding-end: 5px; | 213 -webkit-padding-start: 15px; |
214 -webkit-padding-start: 10px; | |
215 box-sizing: border-box; | 214 box-sizing: border-box; |
216 /* min-width and max-width are used by the split pane. */ | 215 /* min-width and max-width are used by the split pane. */ |
217 max-width: 50%; | 216 max-width: 50%; |
218 min-width: 50px; | 217 min-width: 50px; |
219 overflow: auto; | 218 overflow: auto; |
220 padding-bottom: 5px; | 219 padding-bottom: 5px; |
221 padding-top: 5px; | 220 padding-top: 5px; |
222 width: 200px; | 221 width: 200px; |
223 } | 222 } |
224 | 223 |
225 #tree { | 224 #tree { |
226 display: inline-block; | 225 display: inline-block; |
227 min-width: 100%; | 226 min-width: 100%; |
228 overflow: visible; /* let the container do the scrolling */ | 227 overflow: visible; /* let the container do the scrolling */ |
229 } | 228 } |
230 | 229 |
231 .tree-item > .tree-row { | 230 .tree-item > .tree-row { |
232 line-height: 20px; | 231 line-height: 20px; |
233 } | 232 } |
234 | 233 |
235 .tree-row .expand-icon { | 234 .tree-row .expand-icon { |
236 top: 2px; | 235 top: 2px; |
237 } | 236 } |
238 | 237 |
239 #list { | 238 #list { |
240 -webkit-flex: 1; | 239 -webkit-flex: 1; |
240 -webkit-padding-end: 5px; | |
241 box-sizing: border-box; | 241 box-sizing: border-box; |
242 /* TODO(arv): Remove min-width once bug is fixed: | 242 /* TODO(arv): Remove min-width once bug is fixed: |
243 * https://bugs.webkit.org/show_bug.cgi?id=111790 */ | 243 * https://bugs.webkit.org/show_bug.cgi?id=111790 */ |
244 min-width: 0; | 244 min-width: 0; |
245 padding: 5px; | 245 padding-bottom: 5px; |
246 padding-top: 5px; | |
246 } | 247 } |
247 | 248 |
248 .splitter { | 249 .splitter { |
249 background-color: rgb(235, 239, 249); | 250 background-color: rgb(235, 239, 249); |
251 border-left: 15px solid white; | |
Evan Stade
2013/04/04 02:37:57
why white and not transparent?
| |
252 border-right: 15px solid white; | |
250 cursor: e-resize; | 253 cursor: e-resize; |
251 width: 5px; | 254 width: 5px; |
252 <if expr="is_macosx"> | 255 <if expr="is_macosx"> |
253 cursor: col-resize; | 256 cursor: col-resize; |
254 </if> | 257 </if> |
255 } | 258 } |
256 | 259 |
257 .logo { | 260 .logo { |
258 -webkit-appearance: none; | 261 -webkit-appearance: none; |
259 background: url('../images/bookmarks_section_32.png') no-repeat 50% 50%; | 262 background: url('../images/bookmarks_section_32.png') no-repeat 50% 50%; |
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
364 | 367 |
365 list [editing] input, | 368 list [editing] input, |
366 .tree-item [editing] input { | 369 .tree-item [editing] input { |
367 padding: 3px 0; | 370 padding: 3px 0; |
368 } | 371 } |
369 | 372 |
370 .tree-row .expand-icon { | 373 .tree-row .expand-icon { |
371 top: 6px; | 374 top: 6px; |
372 } | 375 } |
373 } | 376 } |
OLD | NEW |