From c87d391ac4da2bbe509239774b33f6bf424a0b37 Mon Sep 17 00:00:00 2001 From: Johannes Millan Date: Tue, 28 Jul 2020 19:18:54 +0200 Subject: [PATCH] feat: improve keyboard selection styles for datepicker --- .../components/date-time-picker-schedule.scss | 25 ++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/src/styles/components/date-time-picker-schedule.scss b/src/styles/components/date-time-picker-schedule.scss index 4983e799b0..7b8cf9ce99 100644 --- a/src/styles/components/date-time-picker-schedule.scss +++ b/src/styles/components/date-time-picker-schedule.scss @@ -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; + } + } +}