Skip to content

Instantly share code, notes, and snippets.

@kepano

kepano/labeled-nav.css

Last active November 14, 2021 21:31
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kepano/f69dc5b84f47d6cd3177ae3c3a245ade to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kepano/f69dc5b84f47d6cd3177ae3c3a245ade to your computer and use it in GitHub Desktop.
Download ZIP
obsidian-labeled-nav
Raw
readme.md

An Obsidian snippet that adds labels to the left sidebar navigation. For use with Minimal Theme. It will probably make it into Minimal settings at some point, but posting it here to gather feedback.

screenshot

Installation

  • Save labeled-nav.css to the .obsidian/snippets folder in your Obsidian Vault. Then enable the snippet.
  • If you use plugins you may need to add your own labels to the CSS, see code for examples
Raw
labeled-nav.css
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container {
height: auto;
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-container-inner {
flex-direction:column;
padding:8px 8px 6px 8px;
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header {
padding:0;
margin-bottom:2px;
height:auto;
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner {
padding:0;
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner-icon {
border-radius:6px;
padding:5px 6px;
margin:0;
width:100%;
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-inner-icon {
font-size: var(--font-small);
font-weight:500;
display:flex;
align-items:center;
color:var(--text-normal);
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-inner-icon svg {
margin-right:6px;
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label="File explorer"] .workspace-tab-header-inner-icon:after {
content:"Notes";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label="Search"] .workspace-tab-header-inner-icon:after {
content:"Search";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label="Calendar"] .workspace-tab-header-inner-icon:after {
content:"Calendar";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label*="Graph of"] .workspace-tab-header-inner-icon:after {
content:"Graph";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label="Search"] .workspace-tab-header-inner-icon:after {
content:"Search";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label*="Outline of"] .workspace-tab-header-inner-icon:after {
content:"Outline";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label="Starred"] .workspace-tab-header-inner-icon:after {
content:"Starred";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label="Dictionary"] .workspace-tab-header-inner-icon:after {
content:"Dictionary";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label="Tag pane"] .workspace-tab-header-inner-icon:after {
content:"Tags";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label*="Backlinks for"] .workspace-tab-header-inner-icon:after {
content:"Backlinks";
}
.mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[aria-label*="Outgoing links from"] .workspace-tab-header-inner-icon:after {
content:"Links";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment