Chromium Code Reviews| 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 |