Make Tabs clickable on the topmost pixel of the Window

I’ve just found out a workaround for this problem.

While reading this article I’ve came up with the idea of changing the CSS to move all tabs higher.

https://forum.obsidian.md/t/getting-comfortable-with-obsidian-css/133

I’ve installed a theme (any theme works) and changed the CSS code a bit:

/* make workspace frameless */
.workspace-tab-header-container{
  background-color: var(--background-primary);
  top: -7px;
}

.workspace-ribbon.mod-left:before,
.mod-macos.is-hidden-frameless:not(.is-popout-window)
  .sidebar-toggle-button.mod-right {
  background-color: var(--background-primary);
}

In case any wonders, the theme is “Typewritter”.

Here are the results:

I’ve also noticed that my fix breaks the colors on the window buttons:

image

If anybody is more versed than in CSS would be a great help to find a better solution :slight_smile:

1 Like