Hi all, I have a snippet created by another user that (used to) add some nice bullet formatting to the Outliner. However, it stopped working a couple months back. Not entirely sure which version broke it.
I am not a CSS guy. Is anyone able to easily recognize the issue & repair the snippet? Thank you in advance.
[data-type="outline"] .tree-item-inner {
position: relative;
}
[data-type="outline"] .tree-item-inner::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: -12px;
width: calc(.25 * var(--nav-item-size));
height: calc(.25 * var(--nav-item-size));
position: absolute;
top: 8px;
transform: translateY(-50%);
background-color: var(--collapse-icon-color);
opacity: 0.85;
}
[data-type="outline"] .tree-item-self.mod-collapsible > .tree-item-inner::before {
content: none;
mask: none;
}