Mobile: keep sidebar menu always on top of 3D viewer overlays (z-index 1000)
This commit is contained in:
@@ -1886,3 +1886,14 @@ html.theme-light .mermaid svg .cluster-label text {
|
|||||||
.hljs-attr { color: #cf90a2; }
|
.hljs-attr { color: #cf90a2; }
|
||||||
html.theme-light .hljs-name { color: #8e2d53; }
|
html.theme-light .hljs-name { color: #8e2d53; }
|
||||||
html.theme-light .hljs-attr { color: #4f6b00; }
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1886,3 +1886,14 @@ html.theme-light .mermaid svg .cluster-label text {
|
|||||||
.hljs-attr { color: #83a598; }
|
.hljs-attr { color: #83a598; }
|
||||||
html.theme-light .hljs-name { color: #076678; }
|
html.theme-light .hljs-name { color: #076678; }
|
||||||
html.theme-light .hljs-attr { color: #427b58; }
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1886,3 +1886,14 @@ html.theme-light .mermaid svg .cluster-label text {
|
|||||||
.hljs-attr { color: #77838a; }
|
.hljs-attr { color: #77838a; }
|
||||||
html.theme-light .hljs-name { color: #4c6c94; }
|
html.theme-light .hljs-name { color: #4c6c94; }
|
||||||
html.theme-light .hljs-attr { color: #556753; }
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1891,3 +1891,14 @@ html.theme-light .mermaid svg .cluster-label text {
|
|||||||
.hljs-attr { color: #839496; }
|
.hljs-attr { color: #839496; }
|
||||||
html.theme-light .hljs-name { color: #268bd2; }
|
html.theme-light .hljs-name { color: #268bd2; }
|
||||||
html.theme-light .hljs-attr { color: #586e75; }
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1891,3 +1891,14 @@ html.theme-light .mermaid svg .cluster-label text {
|
|||||||
.hljs-attr { color: #a9b1d6; }
|
.hljs-attr { color: #a9b1d6; }
|
||||||
html.theme-light .hljs-name { color: #2e7de9; }
|
html.theme-light .hljs-name { color: #2e7de9; }
|
||||||
html.theme-light .hljs-attr { color: #a0a6c2; }
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user