fix: fixed btn-primary icon with focus-visible (#565)

* fix: fixed btn-primary icon with focus-visible * docs: updated release.md
RedTurtle · Mar 4, 2024 · 0bbb6b5 · 0bbb6b5
1 parent 3244fdd
commit 0bbb6b5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/RELEASE.md b/RELEASE.md
@@ -65,6 +65,7 @@
 - La tendina delle select nel blocco Form non si sovrappone più ai campi sottostanti.
 - Sistemato alert di errore nel blocco Form che nascondeva il form quando un campo non era valido, ora continua a visualizzarsi anche la form.
 - Migliorato il testo alternativo per il logo NextGenerationEU nel footer.
+- Sistemato il contrasto delle icone nei pulsanti "primary" quando si attiva il focus col tab da tastiera
 
 ## Versione 11.5.1 (19/02/2024)
 

diff --git a/src/theme/bootstrap-override/_bootstrap-italia-site.scss b/src/theme/bootstrap-override/_bootstrap-italia-site.scss
@@ -100,6 +100,7 @@
   @import 'bootstrap-italia/src/scss/custom/calendar';
   @import 'bootstrap-italia/src/scss/custom/alert';
   @import 'bootstrap-italia/src/scss/custom/buttons';
+  @import './bootstrap-italia/buttons';
   @import 'bootstrap-italia/src/scss/custom/font';
   @import 'bootstrap-italia/src/scss/custom/forms';
   @import 'bootstrap-italia/src/scss/custom/form-input-file';

diff --git a/src/theme/bootstrap-override/bootstrap-italia/_buttons.scss b/src/theme/bootstrap-override/bootstrap-italia/_buttons.scss
@@ -0,0 +1,8 @@
+button.btn.btn-primary:focus-visible,
+.btn.btn-primary:focus-visible {
+  &:not(:hover) {
+    svg.icon {
+      fill: var(--bs-btn-hover-color);
+    }
+  }
+}