From 263a795d393548bac0a35790e669c3509d54556a Mon Sep 17 00:00:00 2001 From: Vladyslav Hroshev Date: Wed, 5 Apr 2023 22:55:33 +0300 Subject: [PATCH] Datemenu: focus improvements --- css/datemenu.css | 13 +++++++++---- css/messages.css | 8 +++++--- 2 files changed, 14 insertions(+), 7 deletions(-) diff --git a/css/datemenu.css b/css/datemenu.css index 0504700..206a635 100644 --- a/css/datemenu.css +++ b/css/datemenu.css @@ -42,7 +42,7 @@ .datemenu-today-button:focus { transition-duration: 100ms; - background-color: ACCENT-DISABLED-COLOR; + background-color: ACCENT-OPACITY-COLOR; box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; } @@ -72,16 +72,20 @@ } .calendar-day-base:hover, -.calendar-day-base:focus, .calendar-day-base:active:hover, .calendar-day-base:selected:hover, -.calendar .calendar-month-header .pager-button:hover, -.calendar .calendar-month-header .pager-button:focus { +.calendar .calendar-month-header .pager-button:hover { background-color: ACCENT-DISABLED_HOVER; color: TEXT-PRIMARY-COLOR; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } +.calendar-day-base:focus, +.calendar .calendar-month-header .pager-button:focus { + background-color: ACCENT-OPACITY-COLOR; + box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR; +} + .calendar-day-base:active, .calendar-day-base:selected { background: ACCENT-DISABLED_HOVER; @@ -139,6 +143,7 @@ .events-button:focus, .world-clocks-button:focus, .weather-button:focus { + background-color: ACCENT-OPACITY-COLOR; box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; } diff --git a/css/messages.css b/css/messages.css index 165111d..5fbdd84 100644 --- a/css/messages.css +++ b/css/messages.css @@ -21,9 +21,6 @@ box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW; } -.message:focus { - box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; -} .message-list .message { background-color: SECTION-COLOR; @@ -35,6 +32,11 @@ background-color: ACCENT-DISABLED-COLOR; } +.message-list .message:focus { + background-color: ACCENT-OPACITY-COLOR; + box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; +} + .message .message-body, .message-title { color: TEXT-PRIMARY-COLOR;