danvics/ElegantFin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Some dialogs can be fullscreen only on smaller screens, so remove borders only in those cases

Browse source 
New: Disable body overflow when fullscreen dialogs are open to prevent double scroll bars
This commit is contained in:
lscambo13 2025-01-23 06:06:58 -08:00
parent 731bce85f2
commit 37726ab222
1 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
Theme/ElegantFin-theme-nightly.css
View file

@ -898,11 +898,27 @@ progress+span {
min-width: 11em; min-width: 11em;
} }
.dialog:not(.dialog-fullscreen, .dialog-fullscreen-lowres, .dialog-fixedSize) { .dialog:not(.dialog-fullscreen) {
border-radius: var(--largeRadius) !important; border-radius: var(--largeRadius) !important;
border: var(--defaultBorder); border: var(--defaultBorder);
} }
@media (max-width: 80em),
(max-height: 45em) {
.dialog.dialog-fixedSize,
.dialog.dialog-fullscreen-lowres {
border-radius: unset !important;
border: unset;
}
body:has(.dialog.dialog-fixedSize.opened,
.dialog.dialog-fullscreen-lowres.opened) {
overflow: hidden;
}
}
.dialogBackdropOpened { .dialogBackdropOpened {
opacity: .66; opacity: .66;
} }