mirror of
https://github.com/discourse/discourse.git
synced 2024-11-24 22:26:29 +08:00
8f0544137a
Users can now edit the bookmark name and reminder time from their list of bookmarks. We use "Custom" for the date and time in the modal because if the user set a reminder for "tomorrow" then edit the reminder "tomorrow", the definition of what "tomorrow" is has changed.
66 lines
1.1 KiB
SCSS
66 lines
1.1 KiB
SCSS
.bookmark-with-reminder.modal {
|
|
.modal-inner-container {
|
|
box-sizing: border-box;
|
|
}
|
|
.modal-body {
|
|
width: 375px;
|
|
box-sizing: border-box;
|
|
|
|
@media (max-width: 600px) {
|
|
width: 100%;
|
|
}
|
|
|
|
.control-label {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.ember-text-field.bookmark-name {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.existing-reminder-at-alert {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
|
|
.d-icon {
|
|
margin-right: 1em;
|
|
}
|
|
}
|
|
|
|
.custom-date-time-wrap {
|
|
padding: 1em 1em 0.5em;
|
|
border: 1px solid $primary-low;
|
|
border-top: none;
|
|
margin-top: -0.667em;
|
|
background: $primary-very-low;
|
|
.d-icon {
|
|
padding: 0 0.75em 0 0;
|
|
color: $primary-high;
|
|
margin-top: -0.5em;
|
|
}
|
|
|
|
.tap-tile-date-input,
|
|
.tap-tile-time-input {
|
|
display: flex;
|
|
align-items: center;
|
|
input {
|
|
width: 100%;
|
|
min-width: unset;
|
|
}
|
|
}
|
|
|
|
.date-picker,
|
|
.time-input {
|
|
text-align: left;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.time-input,
|
|
.date-picker-wrapper {
|
|
flex: 1 1 auto;
|
|
}
|
|
}
|
|
}
|