From 5445b1235a394fb70b0c9a3c5d198d79be24a7f0 Mon Sep 17 00:00:00 2001
From: Ken Sternberg
 <133134217+kensternberg-authentik@users.noreply.github.com>
Date: Mon, 13 Jan 2025 11:37:16 -0800
Subject: [PATCH] web: fix mobile scrolling bug (#12601)

* web: Add InvalidationFlow to Radius Provider dialogues

## What

- Bugfix: adds the InvalidationFlow to the Radius Provider dialogues
  - Repairs: `{"invalidation_flow":["This field is required."]}` message, which was *not* propagated
    to the Notification.
- Nitpick: Pretties `?foo=${true}` expressions: `s/\?([^=]+)=\$\{true\}/\1/`

## Note

Yes, I know I'm going to have to do more magic when we harmonize the forms, and no, I didn't add the
Property Mappings to the wizard, and yes, I know I'm going to have pain with the *new* version of
the wizard. But this is a serious bug; you can't make Radius servers with *either* of the current
dialogues at the moment.

* This (temporary) change is needed to prevent the unit tests from failing.

\# What

\# Why

\# How

\# Designs

\# Test Steps

\# Other Notes

* Revert "This (temporary) change is needed to prevent the unit tests from failing."

This reverts commit dddde09be571a639ecd041569dd3a282aab3f9be.

* web: adjust spacing issue for the login container

# What

Replaces the `space-evenly` flexbox instruction with `space-between`. `space-evenly` introduced
whitespace in column mode that pushed visible content off the page by introducing new margins inside
the flex container, which made content pushed around by those margins inaccessable via scrolling.
`space-between` creates the same desired effect, but with the margins top and bottom of the flexbox
column controlled by the parent container, which gives both more control and more suitable layout
handling.

# Links:

- Zendesk Ticket: [Tall Prompts/Flows cut off on
  Safari](https://authentiksecurityinc.zendesk.com/agent/tickets/186). (This link is only visible to
  Authentik employees. Sorry.)
---
 web/src/common/styles/authentik.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/common/styles/authentik.css b/web/src/common/styles/authentik.css
index 790c4c4e10..9804d343f3 100644
--- a/web/src/common/styles/authentik.css
+++ b/web/src/common/styles/authentik.css
@@ -74,7 +74,7 @@ html > form > input {
     width: 35rem;
     display: flex;
     flex-direction: column;
-    justify-content: space-evenly;
+    justify-content: space-between;
 }
 .pf-c-login__header {
     flex-grow: 1;