discourse/app/assets/stylesheets/common/base/edit-topic-timer-modal.scss
Martin Brennan 6d72c8ab19
FEATURE: Topic timer UI revamp (#11912)
This PR revamps the topic timer UI, using the time shortcut selector from the bookmark modal.

* Fixes an issue where the duration of hours/days after last reply or auto delete replies was not enforced to be > 0
* Fixed an issue where the timer dropdown options were not reloaded correctly if the topic status changes in the background (use `MessageBus` to publish topic state in the open/close timer jobs)
* Moved the duration input and the "based on last post" option from the `future-date-input` component, as it was only used for topic timers. Also moved out the notice that is displayed which was also only relevant for topic timers.
2021-02-03 10:13:32 +10:00

69 lines
1.1 KiB
SCSS

.edit-topic-timer-modal {
.select-kit.combo-box {
width: 100%;
}
.modal-footer {
margin: 0;
border-top: 0;
padding: 10px 0;
}
.modal-body {
max-height: none;
width: 375px;
.control-label {
font-weight: 700;
}
}
.radios {
margin-bottom: 10px;
}
label {
display: inline-flex;
padding-right: 5px;
align-items: center;
input {
margin-top: 0;
}
}
.topic-timer-duration {
width: 100%;
}
.btn.pull-right {
margin-right: 10px;
}
.future-date-input {
input {
margin: 0;
}
.alert-info {
margin: 0 -15px -15px -15px;
}
.btn-clear {
display: none;
}
.topic-status-info {
border: none;
padding: 0;
h3 {
font-weight: normal;
font-size: $font-up-1;
}
}
input[disabled] {
background: var(--primary-low);
}
}
.pika-single {
position: absolute !important; /* inline JS styles */
}
}
// mobile styles
.mobile-view .edit-topic-timer-modal {
.select-kit.combo-box {
flex: 1 0 0px;
}
}