web: fix checkbox styling on applications form

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2022-09-18 20:38:22 +02:00
parent 2d965afc5f
commit 05ccff4651
1 changed files with 9 additions and 2 deletions

View File

@ -187,8 +187,15 @@ export class ApplicationForm extends ModelForm<Application, string> {
${t`If left empty, authentik will try to extract the launch URL based on the selected provider.`} ${t`If left empty, authentik will try to extract the launch URL based on the selected provider.`}
</p> </p>
</ak-form-element-horizontal> </ak-form-element-horizontal>
<ak-form-element-horizontal label=${t`Open in new tab`} name="openInNewTab"> <ak-form-element-horizontal name="openInNewTab">
<input type="checkbox" ?checked=${this.instance?.openInNewTab} /> <div class="pf-c-check">
<input
type="checkbox"
class="pf-c-check__input"
?checked=${first(this.instance?.openInNewTab, true)}
/>
<label class="pf-c-check__label"> ${t`Open in new tab`} </label>
</div>
<p class="pf-c-form__helper-text"> <p class="pf-c-form__helper-text">
${t`If checked, the launch URL will open in a new browser tab or window from the user's application library.`} ${t`If checked, the launch URL will open in a new browser tab or window from the user's application library.`}
</p> </p>