diff --git a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss index 704e17f3c88..24edccbaa91 100644 --- a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss +++ b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss @@ -1,63 +1,8 @@ .edit-topic-timer-modal { .modal-body { max-height: none; + overflow: visible !important; /* inline JS styles */ } - - .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; @@ -66,20 +11,55 @@ margin-right: 5px; } } + .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; + } + .btn-clear { + display: none; + } + .topic-status-info { + border: none; + padding: 0; + h3 { + font-weight: normal; + font-size: $font-up-1; + } + } + } + .pika-single { + position: absolute !important; /* inline JS styles */ + } +} +// mobile styles +.mobile-view .edit-topic-timer-modal { .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 */ - } }