diff --git a/web/views/timeline.ejs b/web/views/timeline.ejs index caaf88b..4df7ffb 100644 --- a/web/views/timeline.ejs +++ b/web/views/timeline.ejs @@ -295,9 +295,11 @@ 100% { top: 100%; } } - /* Full hint (text + animated line) only on tall desktop, where there's - a roomy void below the comet for it to sit in. */ - @media (min-width: 1024px) and (min-height: 1081px) { + /* Full hint (text + animated line) on roomier desktop viewports, where + there's a void below the comet for it to sit in. Threshold is loose + (900px) because display scaling shrinks a 1440p monitor's CSS + viewport well below its physical height. */ + @media (min-width: 1024px) and (min-height: 900px) { #scroll-hint { display: flex; } } @@ -316,7 +318,7 @@ transition: opacity 0.5s ease; animation: arrowBounce 1.6s ease-in-out infinite; } - @media (min-width: 1024px) and (min-height: 1081px) { + @media (min-width: 1024px) and (min-height: 900px) { #scroll-arrow { display: none; } } @keyframes arrowBounce {