mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2026-03-25 17:53:03 -04:00
c738e59dca
- For small modals fomantic tried to add a `scrolling` class using a function that was not implemented, this function is now stubbed. - There's not really a need to conditionally change the behavior of scrolling or not, we can specify `overflow-y: auto` which is more than enough to take care of this. We do add some layout changes to ensure the modal is fully scrollable. - Refactor to nested CSS. - Resolves forgejo/forgejo#10991 Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/11547 Reviewed-by: 0ko <0ko@noreply.codeberg.org> Reviewed-by: Beowulf <beowulf@beocode.eu> Co-authored-by: Gusted <postmaster@gusted.xyz> Co-committed-by: Gusted <postmaster@gusted.xyz>
30 lines
510 B
CSS
30 lines
510 B
CSS
body:has(> .ui.active.dimmer) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ui.dimmer {
|
|
align-items: center;
|
|
animation-fill-mode: both;
|
|
background: var(--color-overlay-backdrop);
|
|
display: none;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
position: fixed;
|
|
opacity: 0;
|
|
overflow: hidden auto;
|
|
transform-origin: center center;
|
|
justify-content: center;
|
|
user-select: none;
|
|
width: 100%;
|
|
will-change: opacity;
|
|
z-index: 1000;
|
|
|
|
&.active {
|
|
display: flex;
|
|
opacity: 1;
|
|
}
|
|
|
|
.scrolling {
|
|
top: 1em;
|
|
}
|
|
}
|