search

oxdc / obsidian-vertical-tabs

An Obsidian plugin that displays open tabs vertically, allowing users to group and organize tabs for a better navigation experience.
MIT License
85 stars 0 forks source link

Setting to move or hide toolbar #45

Closed Mercencium closed 2 weeks ago

Mercencium commented 4 weeks ago

The nav header takes a lot of vertical space and I don't use it, having an option to either move it to the bottom after all tabs or hide completely would be nice.

image

oxdc commented 4 weeks ago

Hi! An easy way to do this is using the following CSS snippet:

.vertical-tabs .nav-header {
    display: none;
}

Here's the official guide for adding CSS snippets.

As a reminder, I strongly advise you NOT to do so. This toolbar is a part of Obsidian UI. You will see the same kind of toolbars in build-in views, such as Files, Bookmarks and Tags. In the near future, several important buttons will be added here and hiding them will break the UI and its functionality.

As I said, hiding the toolbar will completely break the UX, therefore, I am afraid that this option will not be added to the settings. As an alternative, you may want to reduce the space between toolbar and vertical tabs by using the following snippet:

.obsidian-vertical-tabs-container {
    padding-top: 0;
}

move it to the bottom after all tabs

Some themes offer this feature. If you see the toolbar on the top, it means that your theme designer decided this way. Vertical Tabs will show the toolbar at the same location as all the remaining parts of Obsidian to offer users a consistent UI. You may manually overwrite this with this snippet:

.vertical-tabs .nav-header {
    order: 10;
    margin-top: auto;
    margin-bottom: 5px;  /* optional */
}

I'll close this issue now. If you need further help, please comment below. Thank you for your appreciation!

oxdc commented 2 weeks ago

Hi @Mercencium , I updated the CSS snippet for putting the toolbar at the bottom. This is more recommended than the previous version.