mirror of
https://github.com/discourse/discourse.git
synced 2024-12-01 08:53:38 +08:00
f7b73f3d70
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
33 lines
596 B
SCSS
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);
|
|
}
|
|
}
|