crashmoney / obsidian-typewriter

Typewriter is an Obsidian theme designed for a focused writing experience.
GNU General Public License v3.0
91 stars 17 forks source link

right sidebar nav buttons should wrap [FEATURE REQUEST] #9

Closed avh4 closed 2 years ago

avh4 commented 2 years ago

Describe your feature request

I have several plugins installed that add panels to the right sidebar (specifically, Calendar, Breadcrumbs, and Advanced Tables). That's 9 nav button icons in total, and if the sidebar is too narrow, some of the buttons can't be seen and are unusable.

Note that the default Obsidian theme has this same problem, but some other themes (like https://github.com/nikbrunner/obsidian-deep-work-theme) have fixed it so that the buttons will wrap so they are all always visible.

Proposed Solution

Make the sidebar nav icons wrap.

The base of the change would be:

.workspace-tab-container-inner {
  flex-wrap: wrap;
}
.workspace-tab-header-container {
  height: auto;
}

but then additional small changes would need to be made to the design to deal with workspace-tab-container-before and workspace-tab-container-after which currently add some rounded edges to the active button.

Additional Context

Current: (only the first 5 buttons are visible)

Screen Shot 2022-02-18 at 11 32 08 PM

Example when using "nikbrunner/obsidian-deep-work-theme": (all buttons are visible)

Screen Shot 2022-02-18 at 11 31 43 PM