web: fix checkbox styling on applications form
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
parent
2d965afc5f
commit
05ccff4651
|
@ -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>
|
||||||
|
|
Reference in New Issue