From 3654273b451f339ded5bdf98a1eac69203ba0903 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Fri, 2 Feb 2024 17:16:02 +0100
Subject: [PATCH] fix: search page

---
 src/components/SelectInput/SelectInput.jsx             |  2 +-
 theme/ItaliaTheme/Subsites/ItaliaTheme/_search.scss    | 10 ++++++++++
 theme/ItaliaTheme/Subsites/_mixin.scss                 |  7 +++++++
 .../Subsites/bootstrap-italia/custom/_forms.scss       |  8 ++++++++
 theme/extras/_search.scss                              |  1 +
 5 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 theme/ItaliaTheme/Subsites/ItaliaTheme/_search.scss
 create mode 100644 theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_forms.scss

diff --git a/src/components/SelectInput/SelectInput.jsx b/src/components/SelectInput/SelectInput.jsx
index 2a72054fa..340bc9861 100644
--- a/src/components/SelectInput/SelectInput.jsx
+++ b/src/components/SelectInput/SelectInput.jsx
@@ -110,7 +110,7 @@ SelectContainer.propTypes = {
 const Option = injectLazyLibs('reactSelect')((props) => {
   const components = props.reactSelect.components;
   return (
-    <div className="select-pill text-primary">
+    <div className="select-pill">
       <components.Option {...props} />
     </div>
   );
diff --git a/theme/ItaliaTheme/Subsites/ItaliaTheme/_search.scss b/theme/ItaliaTheme/Subsites/ItaliaTheme/_search.scss
new file mode 100644
index 000000000..642995a45
--- /dev/null
+++ b/theme/ItaliaTheme/Subsites/ItaliaTheme/_search.scss
@@ -0,0 +1,10 @@
+@mixin it-search($subsite-link-color) {
+  .search-results-wrapper {
+    .ordering-widget {
+      .react-select__option--is-focused {
+        border-color: $subsite-link-color !important;
+        box-shadow: 0 0 0 2px $subsite-link-color !important;
+      }
+    }
+  }
+}
diff --git a/theme/ItaliaTheme/Subsites/_mixin.scss b/theme/ItaliaTheme/Subsites/_mixin.scss
index f5c1c27c9..11d94bfe0 100644
--- a/theme/ItaliaTheme/Subsites/_mixin.scss
+++ b/theme/ItaliaTheme/Subsites/_mixin.scss
@@ -9,6 +9,7 @@
 @use 'bootstrap-italia/custom/buttons' as bs-buttons;
 @use 'bootstrap-italia/custom/chips' as bs-chips;
 @use 'bootstrap-italia/custom/card' as bs-card;
+@use 'bootstrap-italia/custom/forms' as bs-forms;
 @use 'bootstrap-italia/custom/dropdown' as bs-dropdown;
 @use 'bootstrap-italia/custom/linklist' as bs-linklist;
 @use 'bootstrap-italia/custom/navscroll' as bs-navscroll;
@@ -23,6 +24,7 @@
 @use 'ItaliaTheme/Views/common' as it-views;
 @use 'ItaliaTheme/common' as it-common;
 @use 'ItaliaTheme/cms-ui' as it-cms-ui;
+@use 'ItaliaTheme/search' as it-search;
 @use 'ItaliaTheme/main' as it-main;
 
 @mixin define-subsite(
@@ -81,12 +83,14 @@
         $subsite-secondary-text
       );
       @include bs-card.card($subsite-primary, $subsite-link-color);
+      @include bs-forms.forms($subsite-link-color);
       @include bs-dropdown.dropdown($subsite-link-color);
       @include bs-linklist.linklist($subsite-primary, $subsite-link-color);
       @include bs-navscroll.navscroll($subsite-link-color);
       @include it-footer.footer($subsite-primary, $subsite-primary-text);
       @include it-main.main($subsite-primary, $subsite-primary-text);
       @include it-cms-ui.cms-ui($subsite-primary, $subsite-primary-text);
+      @include it-search.search($subsite-primary-text);
       @include it-card-image-evidence.card($subsite-link-color);
       @include it-complete-link.block(
         $subsite-secondary,
@@ -123,5 +127,8 @@
     .icon-primary {
       fill: $subsite-primary !important;
     }
+    .btn-link {
+      color: $subsite-link-color;
+    }
   }
 }
diff --git a/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_forms.scss b/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_forms.scss
new file mode 100644
index 000000000..b7f3e15bd
--- /dev/null
+++ b/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_forms.scss
@@ -0,0 +1,8 @@
+@use '../../all_variables' as *;
+
+@mixin forms($subsite-link-color) {
+  .public-ui .form-check [type='checkbox']:checked + label::after {
+    border-color: $subsite-link-color;
+    background-color: $subsite-link-color;
+  }
+}
diff --git a/theme/extras/_search.scss b/theme/extras/_search.scss
index 90c1d92c0..bd59427b1 100644
--- a/theme/extras/_search.scss
+++ b/theme/extras/_search.scss
@@ -107,6 +107,7 @@ body.search-modal-opened {
     }
 
     .react-select__option--is-focused {
+      color: #fff;
       border-color: var(--focus-outline-color) !important;
       box-shadow: 0 0 0 2px var(--focus-outline-color) !important;
       outline: none !important;