Skip to content

Commit

Permalink
feat: improve keyboard selection styles for datepicker
Browse files Browse the repository at this point in the history
  • Loading branch information
johannesjo committed Jul 28, 2020
1 parent 375cda8 commit c87d391
Showing 1 changed file with 24 additions and 1 deletion.
25 changes: 24 additions & 1 deletion src/styles/components/date-time-picker-schedule.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
}

Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}
}
}

0 comments on commit c87d391

Please sign in to comment.