| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2014 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 .elements-disclosure { | 7 .elements-disclosure { |
| 8 width: 100%; | 8 width: 100%; |
| 9 display: inline-block; | 9 display: inline-block; |
| 10 line-height: normal; | 10 line-height: normal; |
| 11 } | 11 } |
| 12 | 12 |
| 13 .elements-disclosure li { | 13 .elements-disclosure li { |
| 14 /** Keep margin-left & padding-left in sync with ElementsTreeElements.update
Decorators **/ | 14 /** Keep margin-left & padding-left in sync with ElementsTreeElements.update
Decorators **/ |
| 15 padding: 0 0 0 14px; | 15 padding: 0 0 0 14px; |
| 16 margin-top: 1px; | 16 margin-top: 1px; |
| 17 margin-left: -2px; | 17 margin-left: -2px; |
| 18 word-wrap: break-word; | 18 word-wrap: break-word; |
| 19 position: relative; | 19 position: relative; |
| 20 min-height: 14px; | 20 min-height: 14px; |
| 21 } | 21 } |
| 22 | 22 |
| 23 .elements-disclosure li.parent { | 23 .elements-disclosure li.parent { |
| 24 /** Keep it in sync with ElementsTreeElements.updateDecorators **/ | 24 /** Keep it in sync with ElementsTreeElements.updateDecorators **/ |
| 25 margin-left: -13px; | 25 margin-left: -13px; |
| 26 } | 26 } |
| 27 | 27 |
| 28 .elements-disclosure li.selected:after { |
| 29 font-style: italic; |
| 30 content: " == $0"; |
| 31 color: #555; |
| 32 } |
| 33 |
| 34 .elements-disclosure ol:focus li.selected:after { |
| 35 color: white; |
| 36 } |
| 37 |
| 28 .elements-disclosure li.parent::before { | 38 .elements-disclosure li.parent::before { |
| 29 box-sizing: border-box; | 39 box-sizing: border-box; |
| 30 } | 40 } |
| 31 | 41 |
| 32 .elements-disclosure li.parent::before { | 42 .elements-disclosure li.parent::before { |
| 33 -webkit-user-select: none; | 43 -webkit-user-select: none; |
| 34 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 44 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
| 35 -webkit-mask-size: 352px 168px; | 45 -webkit-mask-size: 352px 168px; |
| 36 content: "aa"; | 46 content: "aa"; |
| 37 color: transparent; | 47 color: transparent; |
| (...skipping 292 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 330 -webkit-mask-size: 352px 168px; | 340 -webkit-mask-size: 352px 168px; |
| 331 background-color: white; | 341 background-color: white; |
| 332 cursor: pointer; | 342 cursor: pointer; |
| 333 } | 343 } |
| 334 | 344 |
| 335 @media (-webkit-min-device-pixel-ratio: 1.5) { | 345 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 336 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { | 346 .elements-disclosure li.selected .gutter-container:not(.has-decorations) { |
| 337 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 347 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 338 } | 348 } |
| 339 } /* media */ | 349 } /* media */ |
| OLD | NEW |