feat: improve keyboard selection styles for datepicker

This commit is contained in:
Johannes Millan 2020-07-28 19:18:54 +02:00
parent 375cda8d2e
commit c87d391ac4

View file

@ -255,7 +255,7 @@ $owl-missing: $owl-light-selected-bg !default;
background-color: $owl-accent-color;
&.owl-dt-calendar-cell-today {
box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .85);
box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .85);
}
}
@ -835,6 +835,7 @@ $ico-size-real: 20px;
text-align: center;
color: $owl-text-color-strong;
background: $owl-light-selected-bg;
@include darkTheme(true) {
color: $owl-dark-text-color-strong;
background: $owl-dark-light-selected-bg;
@ -875,3 +876,25 @@ $ico-size-real: 20px;
display: none;
}
}
.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
font-weight: bold;
}
.owl-dt-calendar-cell-active:focus > {
.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
color: $owl-text-color-strong;
background: $owl-light-selected-bg;
&.owl-dt-calendar-cell-today {
border-color: $owl-accent-color;
}
@include darkTheme(true) {
color: $owl-dark-text-color-strong;
background: $owl-dark-light-selected-bg;
}
}
}