discourse/app/assets/stylesheets/common/components/date-input.scss
Joffrey JAFFEUX e2e936715e
UX: uses native date picker when possible (eg: not safari) (#12668)
Note that this is only applied on date-input and not the old date-picker for now.

This commit is also slightly modifying admin report dates form to ensure the native picker is correctly used, as a result: it doesn’t auto refresh on date change and fixes a border bug.
2021-04-22 10:34:23 +02:00

59 lines
950 B
SCSS

.d-date-input {
display: inline-flex;
cursor: pointer;
flex-direction: column;
min-width: 140px;
flex: 1 0 100%;
.date-picker {
cursor: pointer;
margin: 0;
text-align: left;
width: 100%;
box-shadow: none !important;
&::-webkit-input-placeholder {
font-size: $font-0;
color: var(--primary-medium);
}
&::-ms-input-placeholder {
font-size: $font-0;
color: var(--primary-medium);
}
&::placeholder {
font-size: $font-0;
color: var(--primary-medium);
}
&:focus {
@include default-focus;
}
}
.pika-single {
margin-left: -1px;
margin-top: 1px;
.pika-row td {
.pika-button.pika-day {
box-shadow: none;
border-radius: 0;
}
}
}
}
.d-date-input + .d-time-input {
margin-left: 1px;
}
.d-time-input + .d-date-input {
margin-left: 1px;
}
.d-date-input + .clear-date-time {
margin-left: 1px;
}