[nb] Commit

.obsidian/snippets/omts-[ui] Translucent Tab Header.css

@@ -0,0 +1,28 @@
+/*
+    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;
+}