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 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'src/static') 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 { -- cgit 1.3.0-6-gf8a5