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

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

View File

@@ -898,11 +898,27 @@ progress+span {
min-width: 11em;
}
.dialog:not(.dialog-fullscreen, .dialog-fullscreen-lowres, .dialog-fixedSize) {
.dialog:not(.dialog-fullscreen) {
border-radius: var(--largeRadius) !important;
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 {
opacity: .66;
}