From 9dfff1864ab5abc5447d9dedc2e5c1909c52e48e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Sun, 9 Oct 2022 23:12:08 +0200
Subject: [PATCH] Fix hover and current datepicker color

We were using the wrong color since commit e2d540d20 because, by using
`@extend`, the compiled CSS had the styles for `.ui-state-hover` appear
before the styles for `.ui-state-default`.
---
 app/assets/stylesheets/datepicker_overrides.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/datepicker_overrides.scss b/app/assets/stylesheets/datepicker_overrides.scss
index 239b38f70..d59d8b7c7 100644
--- a/app/assets/stylesheets/datepicker_overrides.scss
+++ b/app/assets/stylesheets/datepicker_overrides.scss
@@ -8,14 +8,14 @@
 
 .ui-datepicker-calendar {
 
-  .ui-state-default {
-    background: $highlight;
-    color: $text;
-  }
-
   .ui-state-hover,
   .ui-state-active {
     @extend %brand-background;
+
+    .ui-state-default:not(&) {
+      background: $highlight;
+      color: $text;
+    }
   }
 
   thead {