From c89df7972f1aad9190479b74a230ef3b8207a59f Mon Sep 17 00:00:00 2001 From: Zhineng Li Date: Thu, 30 Apr 2026 21:43:06 +0800 Subject: fix complete overlay to cover fullscreen The completion overlay was constrained to the page container and did not span the full screen. This happened because it used absolute positioning inside a relatively positioned ancestor. Switch the overlay to fixed positioning with inset: 0 and set a z-index, so it consistently covers the viewport above all page content. --- css/style.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) (limited to 'css') diff --git a/css/style.css b/css/style.css index 73e9a77..f652e34 100644 --- a/css/style.css +++ b/css/style.css @@ -123,12 +123,10 @@ body { } .complete { - position: absolute; + position: fixed; background-color: color-mix(in srgb, var(--stone-50) 92%, transparent); - width: 100%; - height: 100%; - left: 0; - top: 0; + inset: 0; + z-index: 10; } .complete__inner { -- cgit v1.2.3