From 63c533209f2ffff3d9de737feef917ab83261d1d Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Thu, 2 Mar 2023 00:19:59 -0400 Subject: mobile wallpaper + sticky heading improvements --- src/static/site3.css | 14 ++++++++++++++ src/upd8.js | 2 +- 2 files changed, 15 insertions(+), 1 deletion(-) 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 { diff --git a/src/upd8.js b/src/upd8.js index 2daa5f7d..317ccb03 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 { -- cgit 1.3.0-6-gf8a5