mobile wallpaper + sticky heading improvements

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 {