Skip to content

web/elements: reduce spacing between collapsible form groups#19627

Merged
GirlBossRush merged 1 commit intomainfrom
sdko/coll-form-group-compact
Jan 21, 2026
Merged

web/elements: reduce spacing between collapsible form groups#19627
GirlBossRush merged 1 commit intomainfrom
sdko/coll-form-group-compact

Conversation

@dominic-r
Copy link
Member

Overview:

Reduce vertical padding on ak-form-group sections to create tighter spacing between collapsible form sections.

  • Reduce summary padding-block from 1rem to 0.5rem when open
  • Reduce summary padding-block to 0.25rem when closed
  • Reduce content bottom padding from 1rem to 0.5rem
  • Remove debug red outline on marker hover

Testing:

Visiting the UI

Screenshots:

Before:

image

After:

image

Motivation:

Tooooo muchhhh spaceeeeee wasssstedddd

Overview:

Reduce vertical padding on ak-form-group sections to create tighter spacing between collapsible form sections.

- Reduce summary padding-block from 1rem to 0.5rem when open
- Reduce summary padding-block to 0.25rem when closed
- Reduce content bottom padding from 1rem to 0.5rem
- Remove debug red outline on marker hover

Testing:

Visiting the UI

Screenshots:

Before:

<!-- TODO -->

After:

<!-- TODO -->

Motivation:

Tooooo muchhhh spaceeeeee wasssstedddd
@dominic-r dominic-r requested a review from a team as a code owner January 21, 2026 03:41
@dominic-r dominic-r self-assigned this Jan 21, 2026
@dominic-r dominic-r added area:frontend Features or issues related to the browser, TypeScript, Node.js, etc backport/version-2025.12 Add this label to PRs to backport changes to version-2025.12 labels Jan 21, 2026
@dominic-r dominic-r added this to the Release 2025.12.2 milestone Jan 21, 2026
@netlify
Copy link

netlify bot commented Jan 21, 2026

Deploy Preview for authentik-storybook ready!

Name Link
🔨 Latest commit e3a260c
🔍 Latest deploy log https://app.netlify.com/projects/authentik-storybook/deploys/69704ad4256d2f0008beedf8
😎 Deploy Preview https://deploy-preview-19627--authentik-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

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
Copy link

netlify bot commented Jan 21, 2026

Deploy Preview for authentik-docs ready!

Name Link
🔨 Latest commit e3a260c
🔍 Latest deploy log https://app.netlify.com/projects/authentik-docs/deploys/69704ad4ff64c40008f27e45
😎 Deploy Preview https://deploy-preview-19627--authentik-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

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
Copy link

codecov bot commented Jan 21, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 93.20%. Comparing base (61ddd76) to head (e3a260c).
⚠️ Report is 2 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #19627      +/-   ##
==========================================
- Coverage   93.28%   93.20%   -0.08%     
==========================================
  Files         949      949              
  Lines       52131    52131              
==========================================
- Hits        48629    48589      -40     
- Misses       3502     3542      +40     
Flag Coverage Δ
conformance 38.26% <ø> (+<0.01%) ⬆️
e2e 44.11% <ø> (+<0.01%) ⬆️
integration 23.16% <ø> (-0.06%) ⬇️
unit 91.50% <ø> (-0.02%) ⬇️
unit-migrate 91.51% <ø> (-0.05%) ⬇️

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
Copy link
Contributor

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

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

@github-project-automation github-project-automation bot moved this from Todo to In Progress in authentik Core Jan 21, 2026
@GirlBossRush GirlBossRush merged commit ec4d262 into main Jan 21, 2026
103 checks passed
@GirlBossRush GirlBossRush deleted the sdko/coll-form-group-compact branch January 21, 2026 06:58
@github-project-automation github-project-automation bot moved this from In Progress to Done in authentik Core Jan 21, 2026
authentik-automation bot pushed a commit that referenced this pull request Jan 21, 2026
Overview:

Reduce vertical padding on ak-form-group sections to create tighter spacing between collapsible form sections.

- Reduce summary padding-block from 1rem to 0.5rem when open
- Reduce summary padding-block to 0.25rem when closed
- Reduce content bottom padding from 1rem to 0.5rem
- Remove debug red outline on marker hover

Testing:

Visiting the UI

Screenshots:

Before:

<!-- TODO -->

After:

<!-- TODO -->

Motivation:

Tooooo muchhhh spaceeeeee wasssstedddd
@authentik-automation
Copy link
Contributor

🍒 Cherry-pick to version-2025.12 created: #19640

dominic-r added a commit that referenced this pull request Jan 21, 2026
Overview:

Reduce vertical padding on ak-form-group sections to create tighter spacing between collapsible form sections.

- Reduce summary padding-block from 1rem to 0.5rem when open
- Reduce summary padding-block to 0.25rem when closed
- Reduce content bottom padding from 1rem to 0.5rem
- Remove debug red outline on marker hover

Testing:

Visiting the UI

Screenshots:

Before:

<!-- TODO -->

After:

<!-- TODO -->

Motivation:

Tooooo muchhhh spaceeeeee wasssstedddd
kensternberg-authentik added a commit that referenced this pull request Jan 21, 2026
…experiment

* main:
  sources/saml: properly catch InvalidSignature exception (#19641)
  sources/saml: Set AuthnRequest ProtocolBinding to HTTP-POST instead of HTTP-Redirect (#17378)
  website/docs: update endpoint agent windows log location (#19645)
  core: bump library/node from 25.3.0-trixie to 25.4.0-trixie in /website (#19632)
  core, web: update translations (#19535)
  core: bump github.com/pires/go-proxyproto from 0.8.1 to 0.9.0 (#19628)
  core: bump django-stubs[compatible-mypy] from 5.2.8 to 5.2.9 (#19629)
  web: bump @types/react from 19.2.8 to 19.2.9 in /web in the react group across 1 directory (#19631)
  core: bump sentry-sdk from 2.49.0 to 2.50.0 (#19630)
  website/integrations: update qnap (#19644)
  website/docs: Update saml google workspace guide (#19624)
  web/elements: reduce spacing between collapsible form groups (#19627)
  web/forms: fix forms not resetting state when modal closes (#19562)
  web/user: fix Firefox for Android infinite render loop in user library (#19379)
BeryJu pushed a commit that referenced this pull request Jan 27, 2026
…pick #19627 to version-2025.12) (#19640)

web/elements: reduce spacing between collapsible form groups (#19627)

Overview:

Reduce vertical padding on ak-form-group sections to create tighter spacing between collapsible form sections.

- Reduce summary padding-block from 1rem to 0.5rem when open
- Reduce summary padding-block to 0.25rem when closed
- Reduce content bottom padding from 1rem to 0.5rem
- Remove debug red outline on marker hover

Testing:

Visiting the UI

Screenshots:

Before:

<!-- TODO -->

After:

<!-- TODO -->

Motivation:

Tooooo muchhhh spaceeeeee wasssstedddd

Co-authored-by: Dominic R <dominic@sdko.org>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:frontend Features or issues related to the browser, TypeScript, Node.js, etc backport/version-2025.12 Add this label to PRs to backport changes to version-2025.12

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

2 participants