« get me outta code hell

mobile wallpaper + sticky heading improvements - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static/site3.css
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2023-03-02 00:19:59 -0400
committer(quasar) nebula <qznebula@protonmail.com>2023-03-02 00:19:59 -0400
commit63c533209f2ffff3d9de737feef917ab83261d1d (patch)
tree9feeb91431f07c7a3469535c3c20e204f4a9e5b5 /src/static/site3.css
parentf79805ddcfbc2cec18f8730c58aa4aff1936ea9a (diff)
mobile wallpaper + sticky heading improvements
Diffstat (limited to 'src/static/site3.css')
-rw-r--r--src/static/site3.css14
1 files changed, 14 insertions, 0 deletions
diff --git a/src/static/site3.css b/src/static/site3.css
index 05d1f75d..77ac9b49 100644
--- a/src/static/site3.css
+++ b/src/static/site3.css
@@ -24,6 +24,14 @@ body::before {
   width: 100%;
   height: 100%;
   z-index: -1;
+
+  /* NB: these are 100 LVW, "largest view width", etc.
+   * Stabilizes background on viewports with modal dimensions,
+   * e.g. expanding/shrinking tab bar or collapsible find bar.
+   * 100% dimensions are kept above for browser compatibility.
+   */
+  width: 100lvw;
+  height: 100lvh;
 }
 
 #page-container {
@@ -1564,6 +1572,12 @@ html[data-language-code="preview-en"][data-url-key="localized.home"] #content
     max-width: unset;
   }
 
+  /* Show sticky heading above cover art */
+
+  .content-sticky-heading-container {
+    z-index: 2;
+  }
+
   /* Disable grid features, just line header children up vertically */
 
   #header {