Skip to content

web/admin: prevent default logo flashing in admin interface#13960

Merged
BeryJu merged 3 commits intogoauthentik:mainfrom
dominic-r:sdko/prevent-logo-flashing-admint
Apr 25, 2025
Merged

web/admin: prevent default logo flashing in admin interface#13960
BeryJu merged 3 commits intogoauthentik:mainfrom
dominic-r:sdko/prevent-logo-flashing-admint

Conversation

@dominic-r
Copy link
Member

@dominic-r dominic-r commented Apr 10, 2025

When using a custom SVG file (or mabye other types, TBH I didn't check, I should) for a branded logo, the logo would flash the stock authentik logo for a moment before the custom logo appears on the Admin interface.

This was happening because the brand configuration was being loaded asynchronously through the context provider, causing a brief moment where the default logo was shown.

Closes #3228 Closes #13739

Details

REPLACE ME


Checklist

  • Local tests pass (ak test authentik/)
  • The code has been formatted (make lint-fix)

If an API change has been made

  • The API schema has been updated (make gen-build)

If changes to the frontend have been made

  • The code has been formatted (make web)

If applicable

  • The documentation has been updated
  • The documentation has been formatted (make website)

When using a custom SVG file (or mabye other types, TBH I didn't check, I should) for a branded logo, the logo would flash the stock authentik logo for a moment before the custom logo appears on the Admin interface.

This was happening because the brand configuration was being loaded asynchronously through the context provider, causing a brief moment where the default logo was shown.

Closes #3228
Closes #13739
@dominic-r dominic-r requested a review from a team as a code owner April 10, 2025 00:50
@netlify
Copy link

netlify bot commented Apr 10, 2025

Deploy Preview for authentik-docs ready!

Name Link
🔨 Latest commit 6a4dcf2
🔍 Latest deploy log https://app.netlify.com/sites/authentik-docs/deploys/680afbb0febb580007b4550d
😎 Deploy Preview https://deploy-preview-13960--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 site configuration.

@netlify
Copy link

netlify bot commented Apr 10, 2025

Deploy Preview for authentik-storybook ready!

Name Link
🔨 Latest commit 6a4dcf2
🔍 Latest deploy log https://app.netlify.com/sites/authentik-storybook/deploys/680afbb0818f9900087f0a46
😎 Deploy Preview https://deploy-preview-13960--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 site configuration.

@codecov
Copy link

codecov bot commented Apr 10, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 92.70%. Comparing base (5f6b69c) to head (6a4dcf2).
Report is 2 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #13960      +/-   ##
==========================================
- Coverage   92.75%   92.70%   -0.06%     
==========================================
  Files         809      809              
  Lines       41533    41533              
==========================================
- Hits        38526    38504      -22     
- Misses       3007     3029      +22     
Flag Coverage Δ
e2e 47.77% <ø> (-0.09%) ⬇️
integration 24.39% <ø> (ø)
unit 90.57% <ø> (ø)

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.

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

BeryJu and others added 2 commits April 22, 2025 20:08
@BeryJu BeryJu changed the title web: elements: SidebarBrand: prevent logo flashing in admin interface web/admin: prevent default logo flashing in admin interface Apr 25, 2025
@BeryJu BeryJu merged commit 2886985 into goauthentik:main Apr 25, 2025
88 checks passed
@dominic-r dominic-r deleted the sdko/prevent-logo-flashing-admint branch April 25, 2025 11:08
kensternberg-authentik added a commit that referenced this pull request Apr 25, 2025
* main: (33 commits)
  website/integrations: adds missing trailing slash in homarr doc (#14249)
  lifecycle: fix test-all in docker (#14244)
  core, web: update translations (#14243)
  web/admin: prevent default logo flashing in admin interface (#13960)
  website/docs: Update release notes for 2025.4 (#14158)
  core, web: update translations (#14241)
  Updates for file web/xliff/en.xlf in zh_TW [Manual Sync] (#14225)
  translate: Updates for file web/xliff/en.xlf in nl [Manual Sync] (#14217)
  translate: Updates for file web/xliff/en.xlf in fi [Manual Sync] (#14219)
  translate: Updates for file web/xliff/en.xlf in de [Manual Sync] (#14220)
  translate: Updates for file web/xliff/en.xlf in fr [Manual Sync] (#14221)
  translate: Updates for file web/xliff/en.xlf in pl [Manual Sync] (#14222)
  translate: Updates for file locale/en/LC_MESSAGES/django.po in es [Manual Sync] (#14223)
  translate: Updates for file web/xliff/en.xlf in zh-Hans [Manual Sync] (#14224)
  translate: Updates for file locale/en/LC_MESSAGES/django.po in de [Manual Sync] (#14226)
  translate: Updates for file locale/en/LC_MESSAGES/django.po in fi [Manual Sync] (#14227)
  translate: Updates for file web/xliff/en.xlf in tr [Manual Sync] (#14228)
  translate: Updates for file locale/en/LC_MESSAGES/django.po in pl [Manual Sync] (#14229)
  translate: Updates for file locale/en/LC_MESSAGES/django.po in ko [Manual Sync] (#14230)
  translate: Updates for file locale/en/LC_MESSAGES/django.po in it [Manual Sync] (#14231)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Authentik logo flashes in admin interface when using a custom brand. Custom Brand/Logo flashes stock Authentik logo when entering Admin Interface

2 participants