fix: focus on selected and default dates

RedTurtle · Sep 18, 2023 · e4f94ed · e4f94ed
1 parent b08f430
commit e4f94ed
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/theme/ItaliaTheme/Widgets/_react-dates-override.scss b/theme/ItaliaTheme/Widgets/_react-dates-override.scss
@@ -0,0 +1,14 @@
+table.CalendarMonth_table {
+  border-collapse: separate;
+  td.CalendarDay__selected:focus {
+    border: 1px solid white;
+    outline: 2px solid $focus-outline-color;
+    border-radius: 100%;
+  }
+
+  td.CalendarDay__default:focus {
+    border: none;
+    box-shadow: none;
+    outline: 2px solid $focus-outline-color;
+  }
+}
diff --git a/theme/site.scss b/theme/site.scss
@@ -103,6 +103,7 @@
 @import 'ItaliaTheme/Widgets/blocksWidget';
 @import 'ItaliaTheme/Widgets/subsiteSocialLinks';
 @import 'ItaliaTheme/Widgets/reactSelect';
+@import 'ItaliaTheme/Widgets/react-dates-override';
 @import 'ItaliaTheme/Components/megamenu';
 @import 'ItaliaTheme/Components/sharing';
 @import 'ItaliaTheme/Components/logo';