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; 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) { @media (prefers-color-scheme: dark) {
.ak-static-page h1 { .ak-static-page h1 {
color: var(--ak-dark-foreground); 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; text-align: left;
font-size: var(--pf-global--FontSize--md); font-size: var(--pf-global--FontSize--md);
} }
.pf-c-modal-box.pf-m-lg {
overflow-y: auto;
}
.pf-c-modal-box > .pf-c-button + * { .pf-c-modal-box > .pf-c-button + * {
margin-right: 0; margin-right: 0;
} }

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

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