habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web/user: fix user settings flow not loading (#14911)

Browse Source 
* web/user: fix user settings flow not loading

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* fix

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* unrelated fix: fix select caret color in dark theme

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

---------

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
Co-authored-by: Marc 'risson' Schmitt <marc.schmitt@risson.space>
This commit is contained in:
Jens L.
2025-06-05 23:26:06 +02:00
committed by GitHub
parent d9c79558b1
commit d14b480926
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/common/styles/theme-dark.css
View File

@ -201,6 +201,10 @@ select[multiple] option:checked {
--pf-c-input-group--BackgroundColor: transparent; --pf-c-input-group--BackgroundColor: transparent;
} }
select.pf-c-form-control {
--pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fafafa' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
}
.pf-c-form-control { .pf-c-form-control {
--pf-c-form-control--BorderTopColor: transparent !important; --pf-c-form-control--BorderTopColor: transparent !important;
--pf-c-form-control--BorderRightColor: transparent !important; --pf-c-form-control--BorderRightColor: transparent !important;

17
web/src/user/user-settings/details/UserSettingsFlowExecutor.ts
View File

@ -11,7 +11,7 @@ import { StageHost } from "#flow/stages/base";
import "#user/user-settings/details/stages/prompt/PromptStage"; import "#user/user-settings/details/stages/prompt/PromptStage";
import { msg } from "@lit/localize"; import { msg } from "@lit/localize";
import { CSSResult, PropertyValues, TemplateResult, html } from "lit"; import { CSSResult, TemplateResult, html } from "lit";
import { customElement, property } from "lit/decorators.js"; import { customElement, property } from "lit/decorators.js";
import { unsafeHTML } from "lit/directives/unsafe-html.js"; import { unsafeHTML } from "lit/directives/unsafe-html.js";
@ -36,7 +36,7 @@ export class UserSettingsFlowExecutor
implements StageHost implements StageHost
{ {
@property() @property()
flowSlug?: string; flowSlug = this.brand?.flowUserSettings;
private _challenge?: ChallengeTypes; private _challenge?: ChallengeTypes;
@ -86,12 +86,15 @@ export class UserSettingsFlowExecutor
}); });
} }
updated(changedProperties: PropertyValues<this>): void { firstUpdated() {
if (changedProperties.has("brand") && this.brand) { if (this.flowSlug) {
this.nextChallenge();
}
}
updated(): void {
if (!this.flowSlug && this.brand) {
this.flowSlug = this.brand.flowUserSettings; this.flowSlug = this.brand.flowUserSettings;
if (!this.flowSlug) return;
this.nextChallenge(); this.nextChallenge();
} }
} }