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

web: fix display of radio buttons on wizard pages

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2022-05-18 23:09:02 +02:00
parent 11f7935155
commit 3b0b6dcf29
6 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/pages/sources/SourceWizard.ts
View File

@ -6,6 +6,7 @@ import { property } from "lit/decorators.js";
import AKGlobal from "../../authentik.css";
import PFButton from "@patternfly/patternfly/components/Button/button.css";
import PFForm from "@patternfly/patternfly/components/Form/form.css";
import PFRadio from "@patternfly/patternfly/components/Radio/radio.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";
@ -27,11 +28,11 @@ export class InitialSourceWizardPage extends WizardPage {
sourceTypes: TypeCreate[] = [];
static get styles(): CSSResult[] {
return [PFBase, PFButton, AKGlobal, PFRadio];
return [PFBase, PFForm, PFButton, AKGlobal, PFRadio];
}
render(): TemplateResult {
return html`
return html`<form class="pf-c-form pf-m-horizontal">
${this.sourceTypes.map((type) => {
return html`<div class="pf-c-radio">
<input
@ -53,7 +54,7 @@ export class InitialSourceWizardPage extends WizardPage {
<span class="pf-c-radio__description">${type.description}</span>
</div>`;
})}
`;
</form>`;
}
}