UX: improves date-time-input on mobile (#9291)
This commit is contained in:
parent
e6e6d20912
commit
1b09a0cd17
|
@ -32,6 +32,7 @@ export default Component.extend({
|
||||||
|
|
||||||
onChangeDate(date) {
|
onChangeDate(date) {
|
||||||
if (this.onChange) {
|
if (this.onChange) {
|
||||||
|
date = new Date(this.date);
|
||||||
const year = date.getFullYear();
|
const year = date.getFullYear();
|
||||||
const month = date.getMonth();
|
const month = date.getMonth();
|
||||||
const day = date.getDate();
|
const day = date.getDate();
|
||||||
|
|
|
@ -1,4 +1,7 @@
|
||||||
.d-date-input {
|
.d-date-input {
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
|
||||||
.date-picker {
|
.date-picker {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
|
@ -2,14 +2,16 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border: 1px solid $primary-low;
|
border: 1px solid $primary-low;
|
||||||
width: 258px;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
.date-picker,
|
.date-picker,
|
||||||
.fields {
|
.fields {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.d-date-time-input {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue