UX: improves change-timestamp modal (#7766)

This commit is contained in:
Joffrey JAFFEUX 2019-06-13 13:30:33 +02:00 committed by GitHub
parent 9bce3d5e65
commit fbbce235ce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 6 deletions

View File

@ -425,24 +425,42 @@
} }
} }
.modal .modal-body.change-timestamp {
overflow-y: scroll;
form {
display: flex;
input.date-picker,
input[type="time"] {
margin: 0;
}
}
}
.change-timestamp, .change-timestamp,
.poll-ui-builder { .poll-ui-builder {
max-width: 420px; max-width: 420px;
.date-picker {
min-width: 8em;
}
#date-container { #date-container {
.pika-single { .pika-single {
position: relative !important; // overriding another important position: relative !important; // overriding another important
display: inline-block; display: inline-block;
margin-top: 5px; margin-top: 0.5em;
}
}
.date-picker-wrapper {
min-width: 130px;
margin-right: 0.5em;
.date-picker {
height: 100%;
} }
} }
input[type="time"] { input[type="time"] {
width: 7em; width: 130px;
text-align: center;
} }
form { form {