mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-18 12:40:16 +00:00
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:
@@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user