discourse/app/assets/stylesheets/common/base/edit-topic-status-update-mo...

86 lines
1.2 KiB
SCSS

.edit-topic-timer-modal {
.modal-body {
max-height: none;
}
.select-kit {
width: 50%;
}
input.date-picker,
input[type="time"] {
width: 150px;
text-align: left;
}
.radios {
margin-bottom: 10px;
}
label {
vertical-align: middle;
display: inline-block;
padding-right: 5px;
input {
vertical-align: middle;
}
}
.btn.pull-right {
margin-right: 10px;
}
.future-date-input {
input {
margin: 0;
}
.alert-info {
margin: 0 -15px -15px -15px;
}
.pika-single {
position: relative !important;
}
.topic-status-info {
border: none;
padding: 0;
h3 {
font-weight: normal;
font-size: $font-up-1;
}
}
}
}
// mobile styles
.mobile-view .edit-topic-timer-modal {
.control-group {
display: flex;
align-items: center;
> .d-icon {
margin-right: 5px;
}
}
.select-kit.combo-box {
flex: 1;
}
.future-date-input-selector-header .btn-clear {
display: none;
}
.modal-body {
overflow: visible !important; /* inline styles from JS */
}
.pika-single {
position: absolute !important; /* inline styles from JS */
}
}