discourse/app/assets/stylesheets/common/base/edit-topic-timer-modal.scss
Martin Brennan c0c7c237aa
FIX: Clean up topic-timer-info CSS classes, add edit button, and improve UI (#12080)
This PR adds an edit button to the topic timer info message which opens the modal.

Also, I have cleaned up a few more places where we were referencing "topic status update" which is what these were called prior to being called topic timers.

The category settings for auto-close topic hours has now also been modified to use the new relative-time-picker component.

Finally, the relative-time-picker input step and min is dynamic based on mins/other intervals selected, see https://review.discourse.org/t/feature-relative-time-input-for-timers-and-bookmarks-and-promote-auto-close-after-last-post-timer-12063/19204/7?u=martin
2021-02-16 12:07:30 +10:00

75 lines
1.2 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-timer-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 */
}
.modal-topic-timer-info {
.topic-timer-info {
border-top: 0;
}
}
}
// mobile styles
.mobile-view .edit-topic-timer-modal {
.select-kit.combo-box {
flex: 1 0 0px;
}
}