| @@ -23,10 +23,10 @@ | ||
| 23 | 23 | |
| 24 | 24 | --wpbc_timepicker-border-width: 1px; |
| 25 | 25 | --wpbc_timepicker-border-radius: 5px; |
| 26 | 26 | |
| 27 | - --wpbc_timepicker-padding: 0.15em 1em; | |
| 28 | - --wpbc_timepicker-margin: 0.25em 1em 0.25em 0; | |
| 27 | + --wpbc_timepicker-padding: 0.25em 1em; | |
| 28 | + --wpbc_timepicker-margin: 0.1em 0; | |
| 29 | 29 | } |
| 30 | 30 | /* Button */ |
| 31 | 31 | .wpbc_times_selector div { |
| 32 | 32 | padding: var(--wpbc_timepicker-padding); |
| @@ -53,5 +53,12 @@ | ||
| 53 | 53 | .wpbc_times_selector div.wpbc_time_selected { |
| 54 | 54 | border: var(--wpbc_timepicker-border-width) solid var(--wpbc_timepicker-selected-border-color); |
| 55 | 55 | color: var(--wpbc_timepicker-selected-text-color); |
| 56 | 56 | background: rgb(from var(--wpbc_timepicker-selected-bg-color) r g b / var(--wpbc_timepicker-selected-bg-color-opacity)); |
| 57 | +} | |
| 58 | +/* FixIn: EAA - Highlight on Focus*/ | |
| 59 | +.wpbc_times_selector div:not(.wpbc_time_selected):focus { | |
| 60 | + /*border: var(--wpbc_timepicker-border-width) solid var(--wpbc_timepicker-hover-border-color);*/ | |
| 61 | + border: var(--wpbc_timepicker-border-width) solid var(--wpbc_timepicker-selected-bg-color); | |
| 62 | + color: var(--wpbc_timepicker-hover-text-color); | |
| 63 | + background: rgb(from var(--wpbc_timepicker-hover-bg-color) r g b / var(--wpbc_timepicker-hover-bg-color-opacity)); | |
| 57 | 64 | } |