Any way to hide the expand/collapse arrow for workspace notes?

[icarus-00]

Hey folks,

I'm trying to clean up my note tree a bit. I use several notes as "workspaces" ,which have a ton of children.

The problem is, expanding them in the tree makes my sidebar really cluttered. I'd love to make these specific workspace notes "hoist-only" — meaning I can't expand them in the tree (the little triangle arrow would be hidden), and I can only see their contents by clicking the note or to hoist it.

I've been digging into CSS and JS scripting, trying to see if I can target notes with a specific attribute (like #workspace) to hide the expander, but I'm stuck.

Does anyone know a good way to do this? Is there a simple attribute I'm missing, or a CSS snippet that could get this done?

[icarus-00]

please share examples and references.

[eliandoran]

You can set up a custom App CSS with:

.fancytree-expander {
    display: none !important;
}

.fancytree-node {
    padding-left: 0.5em !important;
}

See https://docs.triliumnotes.org/User%20Guide/User%20Guide/Theme%20development/Custom%20app-wide%20CSS.html?h=app+css.

[icarus-00]

i already did that, but with a selector, as i want the expander button to disappear for workspaces (only)

.fancytree-node:has(.enter-workspace-button) > .fancytree-expander {
    display: none !important;
}

fancytree-node:has(.enter-workspace-button) {
    padding-left: 32.5px !important; /* the width of the expander button + some value that i can't really remember, just to make the icons aliened*/
}

---

but this really doesn't stop the notes with the #workspace attribute from expanding by double clicking on them, and as a perfectionist i am looking for way to disable that, either by making a script, or a plugin, whichever will work best
basically i want workspace notes' content to be viewed only by hoisting them
but idk if this is even possible in the first place