| 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; |
| (...skipping 29 matching lines...) Expand all Loading... |
| 40 .elements-disclosure ol:focus li.selected:after { | 40 .elements-disclosure ol:focus li.selected:after { |
| 41 color: white; | 41 color: white; |
| 42 } | 42 } |
| 43 | 43 |
| 44 .elements-disclosure li.parent::before { | 44 .elements-disclosure li.parent::before { |
| 45 box-sizing: border-box; | 45 box-sizing: border-box; |
| 46 } | 46 } |
| 47 | 47 |
| 48 .elements-disclosure li.parent::before { | 48 .elements-disclosure li.parent::before { |
| 49 -webkit-user-select: none; | 49 -webkit-user-select: none; |
| 50 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 50 -webkit-mask-image: url(Images/treeoutlineTriangles.png); |
| 51 -webkit-mask-size: 352px 168px; | 51 -webkit-mask-size: 32px 24px; |
| 52 content: "aa"; | 52 content: "aa"; |
| 53 color: transparent; | 53 color: transparent; |
| 54 text-shadow: none; | 54 text-shadow: none; |
| 55 margin-right: -3px; | 55 margin-right: -3px; |
| 56 } | 56 } |
| 57 | 57 |
| 58 .elements-disclosure li.always-parent::before { | 58 .elements-disclosure li.always-parent::before { |
| 59 visibility: hidden; | 59 visibility: hidden; |
| 60 } | 60 } |
| 61 | 61 |
| 62 @media (-webkit-min-device-pixel-ratio: 1.1) { | 62 @media (-webkit-min-device-pixel-ratio: 1.1) { |
| 63 .elements-disclosure li.parent::before { | 63 .elements-disclosure li.parent::before { |
| 64 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 64 -webkit-mask-image: url(Images/treeoutlineTriangles_2x.png); |
| 65 } | 65 } |
| 66 } /* media */ | 66 } /* media */ |
| 67 | 67 |
| 68 .elements-disclosure li.parent::before { | 68 .elements-disclosure li.parent::before { |
| 69 -webkit-mask-position: -4px -96px; | 69 -webkit-mask-position: 0 0; |
| 70 background-color: rgb(110, 110, 110); | 70 background-color: rgb(110, 110, 110); |
| 71 } | 71 } |
| 72 | 72 |
| 73 .elements-disclosure li .selection { | 73 .elements-disclosure li .selection { |
| 74 display: none; | 74 display: none; |
| 75 z-index: -1; | 75 z-index: -1; |
| 76 } | 76 } |
| 77 | 77 |
| 78 .elements-disclosure li.hovered:not(.selected) .selection { | 78 .elements-disclosure li.hovered:not(.selected) .selection { |
| 79 display: block; | 79 display: block; |
| 80 left: 3px; | 80 left: 3px; |
| 81 right: 3px; | 81 right: 3px; |
| 82 background-color: rgba(56, 121, 217, 0.1); | 82 background-color: rgba(56, 121, 217, 0.1); |
| 83 border-radius: 5px; | 83 border-radius: 5px; |
| 84 } | 84 } |
| 85 | 85 |
| 86 .elements-disclosure li.parent.expanded::before { | 86 .elements-disclosure li.parent.expanded::before { |
| 87 -webkit-mask-position: -20px -96px; | 87 -webkit-mask-position: -16px 0; |
| 88 } | 88 } |
| 89 | 89 |
| 90 .elements-disclosure li.selected .selection { | 90 .elements-disclosure li.selected .selection { |
| 91 display: block; | 91 display: block; |
| 92 background-color: #dadada; | 92 background-color: #dadada; |
| 93 } | 93 } |
| 94 | 94 |
| 95 .elements-disclosure ol { | 95 .elements-disclosure ol { |
| 96 list-style-type: none; | 96 list-style-type: none; |
| 97 /** Keep it in sync with ElementsTreeElements.updateDecorators **/ | 97 /** Keep it in sync with ElementsTreeElements.updateDecorators **/ |
| (...skipping 260 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 358 border-color: hsla(0,0%,0%,0.1); | 358 border-color: hsla(0,0%,0%,0.1); |
| 359 } | 359 } |
| 360 | 360 |
| 361 .elements-tree-outline ol.shadow-root { | 361 .elements-tree-outline ol.shadow-root { |
| 362 border-color: hsla(0,0%,80%,1); | 362 border-color: hsla(0,0%,80%,1); |
| 363 } | 363 } |
| 364 | 364 |
| 365 li.selected:not(.always-parent) + ol.children { | 365 li.selected:not(.always-parent) + ol.children { |
| 366 border-color: hsla(216,68%,80%,1) !important; | 366 border-color: hsla(216,68%,80%,1) !important; |
| 367 } | 367 } |
| OLD | NEW |