discourse/app/assets/stylesheets/mobile/modal-overrides.scss
Joffrey JAFFEUX f7b73f3d70
UX: improves modal on mobile (#26055)
This commit mainly improves three things:
- slide up/down animation of the modals on mobile, also allowing swipe down to close the modal
- body scroll locked modals, it means that only the body of the modal can scroll
- a new `<:headerPrimaryAction>` block for `d-modal` which when present will move the cancel button to the left of the modal title, and this primary action to the right of the title
2024-03-22 16:29:32 +01:00

33 lines
596 B
SCSS

.d-modal.discourse-local-dates-create-modal {
.date-time-configuration {
flex-direction: column;
gap: 0.5em;
}
.calendar-date-time-input {
width: 100%;
margin: 0 0 1rem 0;
}
.picker-panel {
//mysteriously needed to prevent it from overlapping the timezone-input
position: relative;
z-index: 0;
}
.pika-single {
justify-content: center;
}
}
.d-modal.add-pm-participants {
.d-modal__body {
overflow: visible;
}
}
.d-modal.bookmark-reminder-modal {
.d-modal__container {
min-height: calc(var(--composer-vh, var(--1dvh)) * 85);
}
}