/*
    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;
}