discourse/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
Joffrey JAFFEUX a652d620f6 FIX: safari desktop doesnt support input[time] (#7719)
This commit attempts to improve the experience by:
- showing time input as disabled on any platform if date hasn't been set
- showing a placeholder --:-- to emphasize the expected format
2019-06-07 15:50:43 +10:00

68 lines
1.1 KiB
SCSS

.edit-topic-timer-modal {
.modal-body {
max-height: none;
overflow: visible !important; /* inline JS styles */
}
.control-group {
display: flex;
align-items: center;
> .d-icon {
margin-right: 5px;
}
}
input.date-picker,
input[type="time"] {
width: 200px;
text-align: left;
}
.radios {
margin-bottom: 10px;
}
label {
display: inline-flex;
padding-right: 5px;
margin-bottom: 0;
align-items: center;
input {
margin-top: 0;
}
}
.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: $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;
}
}