chrome-devtools-frontend 1.0.954572 → 1.0.954716

package/front_end/panels/elements/ElementsTreeElement.ts

@@ -1334,7 +1334,7 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
     }
 
     /** Keep it in sync with elementsTreeOutline.css **/
-    return 12 * (depth - 2) + (this.isExpandable() ? 1 : 12);
+    return 12 * (depth - 2) + (this.isExpandable() && this.isCollapsible() ? 1 : 12);
   }
 
   updateDecorations(): void {

package/front_end/panels/elements/elementsTreeOutline.css

@@ -34,7 +34,7 @@
 }
 
 .elements-disclosure li {
-  /** Keep margin-left & padding-left in sync with ElementsTreeElements.updateDecorators **/
+  /** Keep margin-left & padding-left in sync with ElementsTreeElements.updateDecorations **/
   padding: 1px 0 0 14px;
   margin-left: -2px;
   word-break: normal;
@@ -44,8 +44,8 @@
   min-width: 200px;
 }
 
-.elements-disclosure li.parent {
-  /** Keep it in sync with ElementsTreeElements.updateDecorators **/
+.elements-disclosure li.parent:not(.always-parent) {
+  /** Keep it in sync with ElementsTreeElements.updateDecorations **/
   margin-left: -13px;
 }
 
@@ -62,7 +62,7 @@
   opacity: 60%;
 }
 
-.elements-disclosure li.parent::before {
+.elements-disclosure li.parent:not(.always-parent)::before {
   box-sizing: border-box;
   user-select: none;
   -webkit-mask-image: var(--image-file-treeoutlineTriangles);
@@ -79,10 +79,6 @@
   -webkit-mask-position: -16px 0;
 }
 
-.elements-disclosure li.always-parent::before {
-  visibility: hidden;
-}
-
 .elements-disclosure li .selection {
   display: none;
   z-index: -1;
@@ -126,7 +122,7 @@
 
 .elements-disclosure ol {
   list-style-type: none;
-  /** Keep it in sync with ElementsTreeElements.updateDecorators **/
+  /** Keep it in sync with ElementsTreeElements.updateDecorations **/
   padding-inline-start: 12px;
   margin: 0;
 }

package/front_end/ui/legacy/Treeoutline.ts

@@ -845,6 +845,10 @@ export class TreeElement {
     }
   }
 
+  isCollapsible(): boolean {
+    return this.collapsible;
+  }
+
   setCollapsible(collapsible: boolean): void {
     if (this.collapsible === collapsible) {
       return;

package/package.json

@@ -53,5 +53,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.954572"
+  "version": "1.0.954716"
 }