Akifyss / obsidian-border

A theme for obsidian.md
MIT License
1.34k stars 47 forks source link

Enhancement Request: Hide icons #278

Closed ms3056 closed 3 months ago

ms3056 commented 3 months ago

I've started to make some adjustments to your excellent theme. One I have done is to hide the icons for the workspaces until you hover. It would be a cool addition.

.workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-inner-icon,
.workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header-inner::before {
  visibility: hidden;
  transition: visibility 200ms ease-in;
}

/* Show the inner icon on hover */
.workspace-tabs:not(.mod-top) .workspace-tab-header-container:hover .workspace-tab-header-inner-icon,
.workspace-tabs:not(.mod-top) .workspace-tab-header-container:hover .workspace-tab-header-inner::before {
  visibility: visible;
}

/* Hover Style for Workspace Tabs */
.workspace-tabs:not(.mod-top) .workspace-tab-header-container {
  height: 10px;
  transition: height 200ms ease-in;

  &:hover {
    height: var(--header-height);
  }

  &::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 100%;
    position: absolute;
    z-index: 1;
  }
}
Akifyss commented 3 months ago

Thank you very much for your contribution, but I did not understand its specific use, and a small error occurred when I applied it:

image
ms3056 commented 3 months ago

AH! I should have been more clear. This is only for Card Layout. Here is a little video.

https://github.com/Akifyss/obsidian-border/assets/23712700/193490d1-3b60-4c71-934d-14b4371019c5

Akifyss commented 3 months ago

Great idea, but this feature is very similar to the "auto hide" - "Auto hide tab bar" in the current style settings. They have conflicts, I don't know how to add it yet, sorry.