UX: improves change-timestamp modal (#7766)
This commit is contained in:
parent
9bce3d5e65
commit
fbbce235ce
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue