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

web/admin: rework scrolling in modals, ensure overlay covers everything

Browse source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2022-10-16 16:02:51 +02:00
parent dc4bdc17d9
commit d6a14019c6
3 changed files with 1 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
web/src/common/styles/authentik.css
View file

@ -106,11 +106,6 @@ html > form > input {
margin-bottom: 6px;
}
/* Fix scrolling in modals in low-height viewports on Chromium */
.pf-c-modal-box__body {
overflow: hidden;
}
@media (prefers-color-scheme: dark) {
.ak-static-page h1 {
color: var(--ak-dark-foreground);

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

@ -22,9 +22,6 @@ export const MODAL_BUTTON_STYLES = css`
text-align: left;
font-size: var(--pf-global--FontSize--md);
}
.pf-c-modal-box.pf-m-lg {
overflow-y: auto;
}
.pf-c-modal-box > .pf-c-button + * {
margin-right: 0;
}

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

@ -65,7 +65,7 @@ export class ModalForm 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">
<slot name="form"></slot>
</section>
<footer class="pf-c-modal-box__footer">