cours/.obsidian/snippets/omts-[ui] Compact Sidebar.css
Oscar Plaisant 29453462f9 [nb] Commit
2024-12-26 16:09:08 +01:00

65 lines
1.2 KiB
CSS

/*
Compact Sidebar
Make icons in sidebar tab headers more compact, for smaller screens
Make Vault selector sidebar footer more compact
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
.workspace-tab-header-inner{
padding-left:3px;
padding-right:3px;
}
.nav-buttons-container {
justify-content:start !important;
margin-left:-4px
}
.nav-buttons-container .clickable-icon {
padding-left:8px;
padding-right:3px;
}
.nav-buttons-container .clickable-icon{
color:var(--tx2, var(--text-normal)) !important;
transition: .2s color ease-in;
}
.nav-buttons-container .view-actions:hover .clickable-icon {
color: var(--tx1, var(--text-faint)) !important;
}
/* Compact Vault selector sidebar footer */
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
padding: 0;
gap:0;
.workspace-drawer-vault-switcher {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-left: 12px;
margin-top:-1px;
}
.clickable-icon {
border-radius:0;
&:last-of-type {
padding-right:12px
}
}
svg {
width:16px !important;
height:16px !important;
}
svg {
}
.workspace-drawer-vault-name {
margin-left:-5px;
}
}