diff --git a/RELEASE.md b/RELEASE.md index 732987272..10bbbb86c 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -35,3 +35,4 @@ ### Fix - Sistemato l'allineamento degli elementi nel blocco Contatti: se ci sono meno di tre elementi l'allineamento è centrato, se ce ne sono più di 3 l'allineamento è a sinistra. +- Migliorata accessibilità del calendario nel blocco ricerca Eventi e ricerca Bandi diff --git a/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss b/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss new file mode 100644 index 000000000..ba97a5789 --- /dev/null +++ b/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss @@ -0,0 +1,15 @@ +table.CalendarMonth_table { + border-collapse: separate; + + td.CalendarDay__selected:focus { + border: 1px solid white; + border-radius: 100%; + outline: 2px solid $focus-outline-color; + } + + td.CalendarDay__default:focus { + border: none !important; + box-shadow: none !important; + outline: 2px solid $focus-outline-color !important; + } +} diff --git a/src/theme/site.scss b/src/theme/site.scss index 9257da174..70e4fe563 100644 --- a/src/theme/site.scss +++ b/src/theme/site.scss @@ -113,6 +113,7 @@ @import 'ItaliaTheme/Widgets/blocksWidget'; @import 'ItaliaTheme/Widgets/subsiteSocialLinks'; @import 'ItaliaTheme/Widgets/reactSelect'; +@import 'ItaliaTheme/Widgets/react-dates-override'; @import 'ItaliaTheme/Widgets/textInput'; @import 'ItaliaTheme/Widgets/dataGridWidget'; @import 'ItaliaTheme/Widgets/canaleDigitaleWidget';