How to create a css snippet to hide the pin icon

[Monohponic]

What I’m trying to do

Hey guys, I’ve pinned some notes for quick access and entry, however I can easily mis-click the pin button. I was wondering if I can write a css snippet to hide the pin icon.

Many thanks!

[ariehen]

For pinned notes in your main tabs, you could try one of these:

/* hide pin icon */
.mod-root .mod-pinned {
    display: none;
}

or

/* pin icon un-clickable */
.mod-root .mod-pinned {
    pointer-events: none;
}

---

Your screenshot looks like a pinned note in a sidebar though (maybe?), so one of these could work:

/* hide pin icon in sidebar notes */
.workspace-tab-header-status-icon.mod-pinned {
    display: none;
}

or

/* pin icon un-clickable in sidebar notes */
.workspace-tab-header-status-icon.mod-pinned {
    pointer-events: none;
}

[Monohponic]

OMG thank you so much! You really saved my day. It works perfectly. Thanks again.