trustchain-oc1-orchestral/authentik
Archived
10
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

web/admin: fix scrolling in remaning modals

Browse source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2022-10-20 10:20:32 +02:00
parent d191c2ed7d
commit f1b143606e
6 changed files with 8 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/admin/groups/MemberSelectModal.ts
View file

@ -68,9 +68,7 @@ export class MemberSelectTable extends TableModal<User> {
<h1 class="pf-c-title pf-m-2xl">${t`Select users to add`}</h1>
</div>
</section>
<section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
${this.renderTable()}
</section>
<section class="pf-c-modal-box__body pf-m-light">${this.renderTable()}</section>
<footer class="pf-c-modal-box__footer">
<ak-spinner-button
.callAction=${() => {

4
web/src/admin/users/GroupSelectModal.ts
View file

@ -66,9 +66,7 @@ export class GroupSelectModal extends TableModal<Group> {
<h1 class="pf-c-title pf-m-2xl">${t`Select groups to add user to`}</h1>
</div>
</section>
<section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
${this.renderTable()}
</section>
<section class="pf-c-modal-box__body pf-m-light">${this.renderTable()}</section>
<footer class="pf-c-modal-box__footer">
<ak-spinner-button
.callAction=${() => {

2
web/src/admin/users/UserActiveForm.ts
View file

@ -30,7 +30,7 @@ export class UserActiveForm extends DeleteForm {
<h1 class="pf-c-title pf-m-2xl">${t`Update ${this.objectLabel}`}</h1>
</div>
</section>
<section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
<section class="pf-c-modal-box__body pf-m-light">
<form class="pf-c-form pf-m-horizontal">
<p>
${t`Are you sure you want to update ${this.objectLabel} "${this.obj?.name}"?`}

2
web/src/elements/forms/ConfirmationForm.ts
View file

@ -62,7 +62,7 @@ export class ConfirmationForm extends ModalButton {
</h1>
</div>
</section>
<section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
<section class="pf-c-modal-box__body pf-m-light">
<form class="pf-c-form pf-m-horizontal">
<slot class="pf-c-content" name="body"></slot>
</form>

4
web/src/elements/forms/DeleteBulkForm.ts
View file

@ -186,7 +186,7 @@ export class DeleteBulkForm extends ModalButton {
<h1 class="pf-c-title pf-m-2xl">${t`Delete ${this.objectLabel}`}</h1>
</div>
</section>
<section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
<section class="pf-c-modal-box__body pf-m-light">
<form class="pf-c-form pf-m-horizontal">
<p class="pf-c-title">
${t`Are you sure you want to delete ${this.objects.length} ${this.objectLabel}?`}
@ -194,7 +194,7 @@ export class DeleteBulkForm extends ModalButton {
<slot name="notice"></slot>
</form>
</section>
<section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
<section class="pf-c-modal-box__body pf-m-light">
<ak-delete-objects-table
.objects=${this.objects}
.usedBy=${this.usedBy}

6
web/src/elements/forms/DeleteForm.ts
View file

@ -76,7 +76,7 @@ export class DeleteForm extends ModalButton {
<h1 class="pf-c-title pf-m-2xl">${t`Delete ${this.objectLabel}`}</h1>
</div>
</section>
<section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
<section class="pf-c-modal-box__body pf-m-light">
<form class="pf-c-form pf-m-horizontal">
<p>${t`Are you sure you want to delete ${this.objectLabel} ${objName} ?`}</p>
</form>
@ -88,9 +88,7 @@ export class DeleteForm extends ModalButton {
return html``;
}
return html`
<section
class="pf-c-modal-box__body pf-c-page__main-section pf-m-light"
>
<section class="pf-c-modal-box__body pf-m-light">
<form class="pf-c-form pf-m-horizontal">
<p>${t`The following objects use ${objName} `}</p>
<ul class="pf-c-list">