Tabs in multiple rows

Share & showcase
23

It’s so disappointing to me that the devs don’t adequately test their design changes. This is such an obvious problem

24

To be fair, I don’t think it’s an issue until you mess with the css snippets in this thread. The original tabs are kind of fixed-width without these css snippets, and I’m not seeing the same jankyness in another vault without the snippets.

25

Anyоne found a way to swap arrangements of tabs in lower tabs rows?

26

neither of these work anymore. I’m not sure why. Anyone have a solution?

27

kk, fixed it. Just realized the rule changed so copied it like this:


/* hide inactive close button */
.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
  display: none;
}

/* hide active close button */
.workspace .mod-root .workspace-tab-header.is-active:hover .workspace-tab-header-inner-close-button, .workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button {
  display: none
}

/* another rule to override the app trying to make it flex */
.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:hover .workspace-tab-header-inner-close-button {
  display: none;
}

also 3rd rule there for the app seems to override display to flex with that sometimes

Also broken: cannot seem to rearrange tabs at all. Not sure which part of the css breaks it.

1 Like
28

Thank you, this works as of v1.5.3.

29

This is so useful!
Could you make it a plugin, or at least publish in a github gist the whole css?

30

@MatBi here’s what I’m using right now obsidian tabs in multiple rows · GitHub

3 Likes
31

Just found this thread. Very nice! Thank you!