Mobile: keep sidebar menu always on top of 3D viewer overlays (z-index 1000)

This commit is contained in:
trilium-share-gruvbox
2026-09-07 22:18:31 +02:00
parent 89495d6a99
commit 71a021fd69
5 changed files with 60 additions and 5 deletions
+11
View File
@@ -1886,3 +1886,14 @@ html.theme-light .mermaid svg .cluster-label text {
.hljs-attr { color: #cf90a2; }
html.theme-light .hljs-name { color: #8e2d53; }
html.theme-light .hljs-attr { color: #4f6b00; }
/* ---------- Mobile: Menu always on top (above 3D viewer overlays) ---------- */
@media (max-width: 48em) {
#left-pane,
#toc-pane {
z-index: 1000;
}
#header {
position: relative;
z-index: 1000;
}
}
+11
View File
@@ -1886,3 +1886,14 @@ html.theme-light .mermaid svg .cluster-label text {
.hljs-attr { color: #83a598; }
html.theme-light .hljs-name { color: #076678; }
html.theme-light .hljs-attr { color: #427b58; }
/* ---------- Mobile: Menu always on top (above 3D viewer overlays) ---------- */
@media (max-width: 48em) {
#left-pane,
#toc-pane {
z-index: 1000;
}
#header {
position: relative;
z-index: 1000;
}
}
+11
View File
@@ -1886,3 +1886,14 @@ html.theme-light .mermaid svg .cluster-label text {
.hljs-attr { color: #77838a; }
html.theme-light .hljs-name { color: #4c6c94; }
html.theme-light .hljs-attr { color: #556753; }
/* ---------- Mobile: Menu always on top (above 3D viewer overlays) ---------- */
@media (max-width: 48em) {
#left-pane,
#toc-pane {
z-index: 1000;
}
#header {
position: relative;
z-index: 1000;
}
}
+11
View File
@@ -1891,3 +1891,14 @@ html.theme-light .mermaid svg .cluster-label text {
.hljs-attr { color: #839496; }
html.theme-light .hljs-name { color: #268bd2; }
html.theme-light .hljs-attr { color: #586e75; }
/* ---------- Mobile: Menu always on top (above 3D viewer overlays) ---------- */
@media (max-width: 48em) {
#left-pane,
#toc-pane {
z-index: 1000;
}
#header {
position: relative;
z-index: 1000;
}
}
+11
View File
@@ -1891,3 +1891,14 @@ html.theme-light .mermaid svg .cluster-label text {
.hljs-attr { color: #a9b1d6; }
html.theme-light .hljs-name { color: #2e7de9; }
html.theme-light .hljs-attr { color: #a0a6c2; }
/* ---------- Mobile: Menu always on top (above 3D viewer overlays) ---------- */
@media (max-width: 48em) {
#left-pane,
#toc-pane {
z-index: 1000;
}
#header {
position: relative;
z-index: 1000;
}
}