29 lines
907 B
CSS
29 lines
907 B
CSS
/*
|
|
Translucent Tab Header tweaks
|
|
Make view header translucent, showing document underneath
|
|
https://github.com/replete/obsidian-minimal-theme-css-snippets
|
|
*/
|
|
|
|
/* Only set floating translucent view-header for leafs with editors */
|
|
.workspace-leaf-content:has(.cm-contentContainer) .view-header {
|
|
background:hsla(var(--base-h),var(--base-s),var(--base-l),.7) !important;
|
|
backdrop-filter:blur(5px);
|
|
position:fixed;
|
|
width:calc(100% - 16px); /* default scrollbar width*/
|
|
width:calc(100% - var(--scrollbar-size));
|
|
top:0;
|
|
height:calc(var(--header-height) - 2px);
|
|
}
|
|
|
|
/* Offset editor content */
|
|
.cm-editor > .cm-scroller > .cm-sizer::before {
|
|
content:'';
|
|
display:block;
|
|
height:var(--header-height);
|
|
}
|
|
|
|
/* Don't offset for notes showing a Make.MD Contexts banner image */
|
|
.cm-editor > .cm-scroller > .cm-sizer:has(.mk-note-header img)::before {
|
|
display:none;
|
|
}
|