mobile wallpaper + sticky heading improvements

2 files changed, 15 insertions, 1 deletions

diff --git a/src/static/site3.css b/src/static/site3.css
index 05d1f75..77ac9b4 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 {
diff --git a/src/upd8.js b/src/upd8.js
index 2daa5f7..317ccb0 100755
--- a/src/upd8.js
+++ b/src/upd8.js
@@ -81,7 +81,7 @@ import FileSizePreloader from './file-size-preloader.js';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
-const CACHEBUST = 18;
+const CACHEBUST = 19;
 
 let COMMIT;
 try {