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

web: fix overflow on modalbutton

Browse source
This commit is contained in:
Jens Langhammer 2021-02-09 09:57:59 +01:00
parent 57925ed60a
commit 22ad850e6c
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/elements/buttons/ModalButton.ts
View file

@ -24,10 +24,10 @@ export class ModalButton extends LitElement {
:host { :host {
text-align: left; text-align: left;
} }
::slotted(*) { .pf-c-modal-box.pf-m-lg {
overflow-y: auto; overflow-y: auto;
} }
.pf-c-page__main-section { .pf-c-modal-box > .pf-c-button + * {
margin-right: 0; margin-right: 0;
} }
` `

4
web/src/pages/outposts/OutpostListPage.ts
View file

@ -57,13 +57,13 @@ export class OutpostListPage extends TablePage<Outpost> {
${gettext("Edit")} ${gettext("Edit")}
</ak-spinner-button> </ak-spinner-button>
<div slot="modal"></div> <div slot="modal"></div>
</ak-modal-button> </ak-modal-button>&nbsp;
<ak-modal-button href="${Outpost.adminUrl(`${item.pk}/delete`)}"> <ak-modal-button href="${Outpost.adminUrl(`${item.pk}/delete`)}">
<ak-spinner-button slot="trigger" class="pf-m-danger"> <ak-spinner-button slot="trigger" class="pf-m-danger">
${gettext("Delete")} ${gettext("Delete")}
</ak-spinner-button> </ak-spinner-button>
<div slot="modal"></div> <div slot="modal"></div>
</ak-modal-button> </ak-modal-button>&nbsp;
<ak-modal-button> <ak-modal-button>
<button slot="trigger" class="pf-c-button pf-m-tertiary"> <button slot="trigger" class="pf-c-button pf-m-tertiary">
${gettext("View Deployment Info")} ${gettext("View Deployment Info")}