web: Flow Layout Refinements

[GirlBossRush]

Dependencies

• web: Fix application of global styles in style roots. #17444

Details

This PR is a follow up on #17280, fixing layout and palette issues.

• Sidebar and content left/right positioning now reflows on mobile viewports
• Card padding now gracefully adjusts to mobile viewports, no longer snapping from each breakpoint
• Over-scrolling on the page no longer revealing background image
• Background now remains obscured when resizing
• Background image no longer repaints twice after first render
• Footer contents are now consistently visible when moving from sidebar layout to mobile viewport

[netlify]

✅ Deploy Preview for authentik-docs ready!

Name	Link
🔨 Latest commit	d355e96
🔍 Latest deploy log	https://app.netlify.com/projects/authentik-docs/deploys/68f114f58bfadb0008a778b5
😎 Deploy Preview	https://deploy-preview-17472--authentik-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for authentik-storybook ready!

Name	Link
🔨 Latest commit	d355e96
🔍 Latest deploy log	https://app.netlify.com/projects/authentik-storybook/deploys/68f114f5571d640008ceced0
😎 Deploy Preview	https://deploy-preview-17472--authentik-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for authentik-integrations ready!

Name	Link
🔨 Latest commit	d355e96
🔍 Latest deploy log	https://app.netlify.com/projects/authentik-integrations/deploys/68f114f5ddd46c00083b403e
😎 Deploy Preview	https://deploy-preview-17472--authentik-integrations.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 92.93%. Comparing base (9f396b3) to head (d355e96).
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #17472      +/-   ##
==========================================
- Coverage   92.93%   92.93%   -0.01%     
==========================================
  Files         868      868              
  Lines       47906    47906              
==========================================
- Hits        44521    44520       -1     
- Misses       3385     3386       +1     

Flag	Coverage Δ
e2e	45.19% <ø> (-0.02%)	⬇️
integration	23.18% <ø> (+<0.01%)	⬆️
unit	91.07% <ø> (+<0.01%)	⬆️
unit-migrate	91.12% <ø> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

authentik PR Installation instructions

Instructions for docker-compose

Add the following block to your .env file:

AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-d355e9659ab118f0f86ed4458c216c23682927c6
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s

Afterwards, run the upgrade commands from the latest release notes.

Instructions for Kubernetes

Add the following block to your values.yml file:

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-d355e9659ab118f0f86ed4458c216c23682927c6

Afterwards, run the upgrade commands from the latest release notes.