discourse/app/assets/stylesheets/common/base/edit-topic-timer-modal.scss
Martin Brennan 31f3563f2d
FIX: CSS tweaks so bookmark + timer modal work on mobile (#12253)
Previously the timer modal was too wide and the bookmark modal too narrow.
2021-03-02 16:55:41 +10:00

84 lines
1.3 KiB
SCSS

.edit-topic-timer-modal {
.select-kit.combo-box {
width: 100%;
}
.modal-footer {
margin: 0;
border-top: 0;
padding: 10px 0;
}
.modal-inner-container {
box-sizing: border-box;
min-width: 310px;
}
.modal-body {
max-height: none;
width: 375px;
box-sizing: border-box;
@media (max-width: 600px) {
width: 100%;
}
.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;
}
}