Bases: Hide Toolbar

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.

UPDATE: If anyone finds this in the future, .query-toolbar and .mod-views have passed on with an Obsidian update. RIP. Use the snippet here:

1 Like