diff --git a/style.css b/style.css index 922fcd6..db9bb2e 100644 --- a/style.css +++ b/style.css @@ -28,9 +28,8 @@ box-sizing: border-box; } -html, -body { - height: 100%; +html { + min-height: 100%; } body { @@ -161,8 +160,9 @@ p { /* Fixed bottom bar for a primary continue action ------------------------- */ -body.has-continue-bar { - padding-bottom: 96px; +body.has-continue-bar, +body.has-continue-bar .container { + padding-bottom: calc(130px + env(safe-area-inset-bottom)); } .continue-bar { @@ -170,8 +170,10 @@ body.has-continue-bar { left: 0; right: 0; bottom: 0; + z-index: 100; padding: 16px 20px calc(16px + env(safe-area-inset-bottom)); - background: linear-gradient(0deg, var(--color-bg) 60%, rgba(255, 245, 247, 0)); + background: linear-gradient(0deg, var(--color-bg) 70%, rgba(255, 245, 247, 0)); + pointer-events: none; } .continue-bar .container { @@ -179,6 +181,10 @@ body.has-continue-bar { max-width: 480px; } +.continue-bar .btn { + pointer-events: auto; +} + /* Back link --------------------------------------------------------------- */ .back-link {