Bases: Hide Toolbar

[Rocco]

Use case or problem

When you’re working with a embedded base, the view of a note can be a bit broken by the Bases Toolbar.

Once I’ve created it, I hardly ever change the definition of the base, so the toolbar isn’t needed all the time.

Proposed solution

Add option that hides the Toolbar.

Ideas to enable the toolbar:

1. context menu
2. small hamburger icon
3. hover

[ariehen]

I can understand why a one-click option would be nice, but you can use some CSS snippets for this already. e.g.

Hide the Bases toolbar from specific embedded bases →

The link is written as: ![[my.base|no-toolbar]]

and the CSS:

.bases-embed[alt~="no-toolbar"] {
    & .query-toolbar-item:not(.mod-views) {
        display: none;
    }
    & :is(.query-toolbar-item, .mod-cm6 .cm-content > .bases-embed .edit-block-button) {
        opacity: 0.3;
    }
}

^This hides everything but the view control and edit block button (and dims them).

Hide the Bases toolbar in notes using a cssclass →

Add no-toolbar to the cssclasses Property of notes where you want to see the change for all Base embeds in that note.

.no-toolbar {
    .query-toolbar {
        display: none;
    }
    &.mod-cm6 .cm-content > .bases-embed .edit-block-button {
        opacity: 0.3;
    }
}

^This one hides everything but the edit block button (and dims it).

---

A “one-click” button may not work for everyone’s needs, but there are a bunch of CSS options depending on what you’d like to hide.

[Rocco]

Uh, nice! I can work with that. Case closed.

Thank you.

[ariehen]

Great!

I think the FR is a good one, but I wasn’t sure if a one click option would satisfy everyone. Obsidian already has too many toggles.

If you’d like something different from the above, I’m sure I or others could help out with a snippet. Just ask!