Closed
Description
Before reporting an issue
- I have read and understood the above terms for submitting issues, and I understand that my issue may be closed without action if I do not follow them.
Area
account/ui
Describe the bug
The index.ftl of account/ui still use .pf-c-spinner instead of . pf-v5-c-spinner which results in a missing loading spinner when loading the react app for the account console
The spinner shoud look like this:
Version
25.0.5
Regression
- The issue is a regression
Expected behavior
<main class="container">
<div class="keycloak__loading-container">
<svg class="pf-v5-c-spinner pf-m-xl" role="progressbar" aria-valuetext="Loading..." viewBox="0 0 100 100" aria-label="Contents"><circle class="pf-v5-c-spinner__path" cx="50" cy="50" r="45" fill="none"></circle></svg>
<div>
<p id="loading-text">Loading the Account Console</p>
</div>
</div>
</main>
Actual behavior
<main class="container">
<div class="keycloak__loading-container">
<span class="pf-c-spinner pf-m-xl" role="progressbar" aria-valuetext="Loading…">
<span class="pf-c-spinner__clipper"></span>
<span class="pf-c-spinner__lead-ball"></span>
<span class="pf-c-spinner__tail-ball"></span>
</span>
<div>
<p id="loading-text">Loading the Account Console</p>
</div>
</div>
</main>
How to Reproduce?
- Create a new keycloak instance
- Login to the account console: http://eeq-sso.local.vici.io/realms//account/
- Use Chrome Dev Tools to add a network throttle
- Slow down to "3G"
Anything else?
No response