obsidian-labeled-nav

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.

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

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";
}