web/elements: stabilize dual-select status height#19734
Conversation
✅ Deploy Preview for authentik-storybook ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for authentik-docs ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #19734 +/- ##
==========================================
+ Coverage 93.21% 93.24% +0.02%
==========================================
Files 954 954
Lines 52443 52443
==========================================
+ Hits 48886 48900 +14
+ Misses 3557 3543 -14
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. |
|
authentik PR Installation instructions Instructions for docker-composeAdd the following block to your AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-8bb402622cd251f0d8d89bab9a73ae331944bfea
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)sAfterwards, run the upgrade commands from the latest release notes. Instructions for KubernetesAdd the following block to your authentik:
outposts:
container_image_base: ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s
global:
image:
repository: ghcr.io/goauthentik/dev-server
tag: gh-8bb402622cd251f0d8d89bab9a73ae331944bfeaAfterwards, run the upgrade commands from the latest release notes. |
8bb4026 to
219d61a
Compare
Overview: Reserve a stable two-line height for the selected-status row to minimize layout shifts on small screens, and use proper singular/plural wording for status messages. Testing: Behavior shown in linked issue Motivation: Avoid accidental removals caused by status text reflow/jumping on narrow viewports. Closes: #19732
219d61a to
304cd5c
Compare
* web/elements: stabilize dual-select status height Overview: Reserve a stable two-line height for the selected-status row to minimize layout shifts on small screens, and use proper singular/plural wording for status messages. Testing: Behavior shown in linked issue Motivation: Avoid accidental removals caused by status text reflow/jumping on narrow viewports. Closes: #19732 * web: Comment to explain first suggestion Ref: https://authentiksecurity.slack.com/archives/C08C0SCU2JV/p1769471926609429
|
🍒 Cherry-pick to |
…to version-2025.12) (#19776) web/elements: stabilize dual-select status height (#19734) * web/elements: stabilize dual-select status height Overview: Reserve a stable two-line height for the selected-status row to minimize layout shifts on small screens, and use proper singular/plural wording for status messages. Testing: Behavior shown in linked issue Motivation: Avoid accidental removals caused by status text reflow/jumping on narrow viewports. Closes: #19732 * web: Comment to explain first suggestion Ref: https://authentiksecurity.slack.com/archives/C08C0SCU2JV/p1769471926609429 Co-authored-by: Dominic R <dominic@sdko.org> Co-authored-by: Marc 'risson' Schmitt <marc.schmitt@risson.space>
* main: (45 commits) sources/saml: Add testcases for PR #19593 (#19647) revert: website/integrations: wazuh: Change exchange key generation to 64 bytes (#19759) web: bump API Client version (#19760) core: bump djangoql from 0.18.2 to 0.19.1 (#19780) web: Vendor SFE Bootstrap (#19766) core, web: update translations (#19717) web: bump the eslint group across 1 directory with 3 updates (#19782) web: bump the react group across 1 directory with 2 updates (#19784) web: bump country-flag-icons from 1.6.8 to 1.6.9 in /web (#19785) providers/oauth2: Support login_hint (#19498) admin/files: add centralized theme variable support for file URLs (#19657) core: bump github.com/pires/go-proxyproto from 0.9.1 to 0.9.2 (#19778) core: bump openapitools/openapi-diff from 2.1.6 to 2.1.7 in /scripts/api (#19779) core: bump gssapi from 1.10.1 to 1.11.1 (#19781) ci: bump actions/attest-build-provenance from 3.1.0 to 3.2.0 (#19783) website/docs: endpoint devices: fix local device login (#19698) web: Enforce `challenge` nullish types. (#19768) web/elements: stabilize dual-select status height (#19734) web/a11y: CAPTCHA Stage Form (#19670) web/table: align row action icons and tooltip color (#19736) ...
Overview:
Reserve a stable two-line height for the selected-status row to minimize layout shifts on small screens, and use proper singular/plural wording for status messages.
Testing:
Behavior shown in linked issue
Motivation:
Avoid accidental removals caused by status text reflow/jumping on narrow viewports.
Closes: #19732