io-sanita-theme 2.21.9 → 2.22.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [2.22.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.21.10...2.22.0) (2025-11-03)
+
+### Features
+
+* replace fixed sorting with query string-based sorting ([#114](https://github.com/RedTurtle/io-sanita-theme/issues/114)) ([29d8195](https://github.com/RedTurtle/io-sanita-theme/commit/29d8195f40afc76b821d416763d8db3fecd9ebf7))
+
+## [2.21.10](https://github.com/RedTurtle/io-sanita-theme/compare/2.21.9...2.21.10) (2025-10-10)
+
+### Bug Fixes
+
+* fixed sticky menu and callout block ([d8c7612](https://github.com/RedTurtle/io-sanita-theme/commit/d8c7612890bfbfee91c2412b54e3a909ccaed5e3))
+
 ## [2.21.9](https://github.com/RedTurtle/io-sanita-theme/compare/2.21.8...2.21.9) (2025-10-08)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.21.9",
+  "version": "2.22.0",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",

package/src/components/Search/Search.jsx

@@ -126,7 +126,10 @@ const Search = () => {
     a_chi_si_rivolge_tassonomia: [],
     sections: [],
     portal_types: [],
-    order: { sort_on: 'relevance', sort_order: 'ascending' },
+    order: {
+      sort_on: qs.parse(location.search)?.sort_on ?? 'relevance',
+      sort_order: qs.parse(location.search)?.sort_order ?? 'ascending',
+    },
   });
   const [advFiltersOpen, setAdvFiltersOpen] = useState(false);
 

package/src/components/layout/Header/HeaderContacts/headerContacts.scss

@@ -61,3 +61,12 @@
     }
   }
 }
+
+@media (max-width: #{map-get($grid-breakpoints, ml)}) {
+  .it-header-wrapper.is-sticky.it-header-sticky {
+    .header-contacts .container {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+}

package/src/customizations/volto/components/theme/Header/Header.jsx

@@ -25,6 +25,7 @@ import { Headers } from 'design-react-kit';
 const Header = ({ pathname }) => {
   const location = useLocation();
   const headerWrapperRef = useRef(null);
+  const headerSlimRef = useRef(null);
   const [headerHeight, setHeaderHeight] = useState(0);
   const [mini, setMini] = useState(false);
 
@@ -35,15 +36,18 @@ const Header = ({ pathname }) => {
   );
 
   useEffect(() => {
-    const node = headerWrapperRef.current;
-    if (node) {
-      const height = node.offsetHeight;
-      if (height > 0) {
-        setHeaderHeight(height);
-      }
+    const headerWrapper = headerWrapperRef.current;
+    const headerSlim = headerSlimRef.current;
+
+    if (headerWrapper.offsetHeight && headerSlim.offsetHeight) {
+
+      // 5px è lo scarto quando sei mobile, 120 l'altezza fissa quando non si è su mobile 
+      const heightForDevice = window.matchMedia('(max-width: 991px)').matches ? (headerSlim.offsetHeight - 5) : (headerSlim.offsetHeight + 120);
+
+      setHeaderHeight(headerWrapper.offsetHeight);
 
       const handleScroll = () => {
-        setMini(window.pageYOffset > height);
+        setMini(window.pageYOffset > heightForDevice);
       };
 
       window.addEventListener('scroll', handleScroll);
@@ -56,7 +60,7 @@ const Header = ({ pathname }) => {
   return (
     <div className="public-ui">
       {/* <Headers sticky={true} className={mini ? 'is-sticky' : undefined}> */}
-      <div ref={headerWrapperRef} id='mainHeaderWrapper'>
+      <div ref={headerWrapperRef} id="mainHeaderWrapper">
         <Headers
           className={cx({
             'is-sticky': mini && !isEditMode,
@@ -64,7 +68,9 @@ const Header = ({ pathname }) => {
           })}
         >
           {/* SLIM HEADER */}
-          <HeaderSlim />
+          <div ref={headerSlimRef} id="headerSlimWrapper">
+            <HeaderSlim  />
+          </div>
 
           {/* MAIN HEADER */}
           <div className="it-nav-wrapper">

package/src/customizations/volto/components/theme/Navigation/Navigation.jsx

@@ -177,7 +177,12 @@ const Navigation = ({ pathname = '/', isEditMode }) => {
             </FocusLock>
           </CollapseNavigation>
         </HeaderContent>
-      ) : null}
+      ) : (// icona segnaposto per lo sticky menu,
+        <Icon
+          className="d-none"
+          icon="it-burger"
+          />
+      )}
     </Header>
   );
 };

package/src/theme/bootstrap-italia/custom/_callout.scss

@@ -17,7 +17,10 @@ div.callout {
     .callout-title {
       display: flex;
       width: calc(100% + 1.389rem * 2 + 1.4rem); // padding + icon
-      align-items: center;
+
+      .icon {
+        min-width: 24px;
+      }
 
       .text {
         position: unset;
@@ -33,6 +36,7 @@ div.callout {
         min-width: 3rem;
         height: 2px;
         flex: 1;
+        top: 1rem;
         background-color: $color-border-secondary;
       }
     }

package/src/theme/bootstrap-italia/custom/_header.scss

@@ -13,6 +13,12 @@
           }
         }
       }
+
+      @media (max-width: #{map-get($grid-breakpoints, ml)}) {
+        .it-nav-wrapper .it-brand-wrapper {
+          padding-left: 1.2rem;
+        }
+      }
     }
   }
 }