Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: topic-timer modal style fixes

This commit is contained in:
Joe 2018-08-13 14:04:20 +08:00 committed by GitHub
parent 03010571f5
commit 075d80862f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 48 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
View File

@ -1,63 +1,8 @@
.edit-topic-timer-modal { .edit-topic-timer-modal {
.modal-body { .modal-body {
max-height: none; 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 { .control-group {
display: flex; display: flex;
align-items: center; align-items: center;
@ -66,20 +11,55 @@
margin-right: 5px; 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 { .select-kit.combo-box {
flex: 1; 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 */
}
} }