Outline formatting is misleading/misaligned when only some nodes have children (heading indentation)

[zerkshop]

I haven’t updated to 1.2.7 yet, but is this the fix?

from Obsidian Release v1.2.7:

@liam

• Fixed folding arrows being misaligned on list items.

[WhiteNoise]

No, it’s not.

[chantal]

The CSS snippet works perfectly for the Outline, but with the new Bookmarks core plugin(v1.2.7), it also affects the icons there

[valkyrie]

Here’s an updated version I found a way to target only the outline and not change anything inside the bookmarks panel

[data-type="outline"] .tree-item {
  position: relative;
}
[data-type="outline"] .tree-item-icon {
  position: absolute;
}
[data-type="outline"] .tree-item-inner {
  margin-left: calc(2.5 * var(--size-2-3));
}
[data-type="outline"] .tree-item-self {
  position: relative;
}
[data-type="outline"] .tree-item-self::before {
  content: '';
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='currentColor' /%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask-size: cover;
  left: 11px;
  width: calc(.25 * var(--nav-item-size));
  height: calc(.25 * var(--nav-item-size));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--collapse-icon-color);
  opacity: 0.85;
}
[data-type="outline"] .tree-item-self.mod-collapsible::before {
  display: none;
}
[data-type="outline"] .tree-item-children {
  padding-left: 0;
}

[Sentiment]

Thanks @valkyrie

[chantal]

Thank you so much for the update!

[WhiteNoise]

will be re-engineered in v.1.3.1

[luckman212]

Thank you for fixing this. Little thing that makes a BIG difference.