mirror of
https://github.com/discourse/discourse.git
synced 2024-11-30 10:33:43 +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
63 lines
943 B
SCSS
63 lines
943 B
SCSS
.bookmark-reminder-modal {
|
|
.d-modal {
|
|
&__body {
|
|
box-sizing: border-box;
|
|
|
|
.control-label {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.ember-text-field.bookmark-name {
|
|
width: 100%;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
}
|
|
&__footer {
|
|
.delete-bookmark {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.existing-reminder-at-alert {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
|
|
.d-icon {
|
|
margin-right: 1em;
|
|
}
|
|
}
|
|
|
|
.bookmark-name-wrap {
|
|
display: inline-flex;
|
|
width: 100%;
|
|
align-items: end;
|
|
}
|
|
|
|
.bookmark-options-button {
|
|
margin-left: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
background: transparent;
|
|
padding: 6px;
|
|
}
|
|
|
|
.bookmark-options-panel {
|
|
.select-kit {
|
|
width: 100%;
|
|
}
|
|
|
|
margin-bottom: 18px;
|
|
|
|
label {
|
|
display: flex;
|
|
|
|
span {
|
|
display: block;
|
|
flex: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|