web: fix overflow on modalbutton

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

View file

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

View file

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