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
26 stars 0 forks source link

Tab groups for sidebars #3

Closed N3C2L closed 1 month ago

N3C2L commented 1 month ago

I often drag and drop tabs into the left or right sidebar. Could it be implemented that these tabs will be displayed also as tab groups in the vertical tabs sidebar? Would be awesome!

oxdc commented 1 month ago

Could you please elaborate on this use case? To get the UX right, I would like to understand how do you use the sidebars.

Given the UI design of Obsidian, the left sidebar is primarily for navigation, such as file explorer, tag panel, global search, etc., while the right sidebar is a stage for plugins and extensions, a kind of supplementary view, for example, calendar, backlinks, etc.

May I ask what kind of tabs would you like to put in the sidebars? Are there some notes? If so, what kind of situation would make this note-in-the-sidebar layout useful?

For me, if I want a side-to-side view, I would drag a note to make a new split. When the screen space is small, I maybe temporarily hide the sidebars. The way the Obsidian team designed simply encourages usage like this, since it might not be a good idea to open too many sidebar tabs. Besides, I need to handle the sidebar tabs carefully. Simply put, we need to put the Vertical Tab view itself into the sidebar, thus managing sidebars means managing its own view as well. Sometimes, this can be tricky and subtle.

N3C2L commented 1 month ago

Yes, thank you for your feedback. It’s true that it may be unusual for some and could certainly just be an optional setting for people who find the screen too small. For this purpose, I have adjusted my sidebars with CSS so that when my mouse touches the edge of the screen, they are shown or hidden:

/ hide right sidebar / .workspace-split.mod-horizontal.mod-right-split { width: 1px !important; transition: 0s; transition-delay: 50ms; }

/ reveal right sidebar on hover / .workspace-split.mod-horizontal.mod-right-split:hover { width: 450px !important; transition: 0s; }

I use this sidebar tabs for example quick notes or Dataview queries. To have them visible in your plugin is not a high priority, but it would be a nice addition to your plugin. Perhaps a long-term consideration when you have the time.

oxdc commented 1 month ago

Thanks! I'm wondering if it is okay to only include markdown tabs in the sidebars?

N3C2L commented 1 month ago

That would be totally fine!

oxdc commented 1 month ago

This feature would be avaliable in the next major release. More options are under active dev. πŸŽ‰

SCR-20240731-bihx
N3C2L commented 1 month ago

This looks truly amazing! Happy and looking forward to the next major release! πŸŽ‰

oxdc commented 1 month ago

Sidebars are now displayed as groups in Vertical Tabs. Please upgrade to the latest version (v0.2.0). πŸŽ‰πŸŽ‰

If you find bugs or missing features, you may open a new issue.

P.S. Vertical Tabs is now available in Community Plugin store, you may update directly from there.

N3C2L commented 1 month ago

Excellent! Everything works well, just as you showed in your new video in the readme. The new side panel tab groups and the drag and drop feature are great improvements that make working with tabs easier. Thank you!