design-comuni-plone-theme 10.4.0 → 10.4.2

package/src/theme/ItaliaTheme/Blocks/_calendar.scss

@@ -88,10 +88,12 @@
       content: none;
     }
   }
+
   .flex-container {
     display: flex;
     align-items: center;
     column-gap: 0.56em;
+
     .day {
       font-size: 2.6rem;
       font-weight: 400;
@@ -103,10 +105,10 @@
       justify-content: center;
 
       .day-week {
+        color: $caption-text;
         font-family: $font-family-sans-serif;
         font-weight: 400;
         text-transform: uppercase;
-        color: $caption-text;
       }
 
       .month {
@@ -133,21 +135,21 @@
       align-items: center;
 
       .item-img {
-        flex: 0 0 3.11rem;
-        margin-right: 0.83em;
         position: relative;
         overflow: hidden;
         height: 3.11rem;
+        flex: 0 0 3.11rem;
+        margin-right: 0.83em;
 
         img {
           position: absolute;
           top: 50%;
           left: 50%;
-          transform: translate(-50%, -50%);
           min-width: 100%;
           min-height: 100%;
-          object-fit: cover;
           border-radius: 4px;
+          object-fit: cover;
+          transform: translate(-50%, -50%);
         }
       }
     }
@@ -157,9 +159,9 @@
     margin-top: 6rem;
 
     .link-more-button-align-right {
+      display: flex;
       align-items: center;
       justify-content: right;
-      display: flex;
     }
   }
 

package/src/theme/ItaliaTheme/Blocks/_cardWithImageAndInEvidence.scss

@@ -98,9 +98,9 @@
   .listing-item.card {
     .card-body {
       .category-top {
+        color: $caption-text;
         font-size: 0.875rem;
         line-height: 1.313rem;
-        color: $caption-text;
 
         .text {
           font-weight: 600;
@@ -115,18 +115,18 @@
 
       .card-title {
         a {
+          color: $link-color;
           font-size: 1.3rem;
-          line-height: 1.75rem;
           font-weight: 700;
-          color: $link-color;
+          line-height: 1.75rem;
         }
       }
 
       .card-text {
-        font-size: 1rem;
-        line-height: 1.5rem;
         color: $gray-secondary;
         font-family: $font-family-sans-serif;
+        font-size: 1rem;
+        line-height: 1.5rem;
       }
     }
   }
@@ -138,8 +138,8 @@
         }
 
         .data.data {
-          margin-top: 3px;
           flex-basis: 100%;
+          margin-top: 3px;
 
           &:before {
             display: none;
@@ -156,8 +156,8 @@
         }
 
         .data.data {
-          margin-top: 3px;
           flex-basis: 100%;
+          margin-top: 3px;
 
           &:before {
             display: none;

package/src/theme/ItaliaTheme/Blocks/_cardWithSlideUpTextTemplate.scss

@@ -27,11 +27,11 @@
 
     .title {
       z-index: 2;
+      overflow: hidden;
+      max-height: calc(5em * 1.25); // 5 lines
       margin-bottom: 0.8rem;
       color: #fff;
       font-size: 1.7rem;
-      overflow: hidden;
-      max-height: calc(5em * 1.25); // 5 lines
 
       &.ellipsis::after {
         content: '…';
@@ -77,8 +77,9 @@
       }
     }
 
-    .read-more a,
-    .read-more a .icon {
+    a.read-more,
+    a.read-more .text + .icon,
+    a.read-more .text {
       color: #fff;
       fill: #fff;
       text-decoration: none;

package/src/theme/ItaliaTheme/Blocks/_completeBlockLinkstemplate.scss

@@ -11,14 +11,14 @@
 
   .image-container {
     display: flex;
+    overflow: hidden;
     width: 40px;
     height: 40px;
     flex-shrink: 0;
+    border-radius: 50%;
     margin: 18px 0px 0px 18px;
 
     background-color: $white;
-    border-radius: 50%;
-    overflow: hidden;
 
     .volto-image {
       img {
@@ -45,6 +45,7 @@
     font-size: 1rem !important;
     font-weight: 700 !important;
     line-height: 1.44444rem;
+
     .external-link {
       fill: $external-link-fill-buttons !important;
     }
@@ -53,6 +54,7 @@
   .card:after {
     content: none;
   }
+
   .no-external-if-link > .external-link {
     display: none;
   }

package/src/theme/ItaliaTheme/Blocks/_countdown.scss

@@ -91,8 +91,8 @@
     .number {
       padding: 1.3rem;
       border: 1px solid $white;
-      background-color: rgba(255, 255, 255, 0.06);
       border-radius: 0.5rem;
+      background-color: rgba(255, 255, 255, 0.06);
       font-family: $font-family-monospace !important;
       font-size: 3.8rem;
       font-weight: bold;
@@ -109,8 +109,8 @@
   .expired {
     padding: 1.5rem;
     border: 1px solid $white;
-    background-color: rgba(255, 255, 255, 0.06);
     border-radius: 0.5rem;
+    background-color: rgba(255, 255, 255, 0.06);
     font-size: 3rem;
     font-weight: bold;
     text-align: center;

package/src/theme/ItaliaTheme/Blocks/_ctaBlock.scss

@@ -31,26 +31,28 @@
       }
 
       a.btn-outline-info {
+        position: relative;
         max-width: 300px;
         box-shadow: inset 0 0 0 1px $secondary-text;
         color: $secondary-text;
         font-size: 0.9rem;
         text-transform: uppercase;
-        position: relative;
 
         &:hover,
         &:focus {
           background: $secondary-text;
           color: $secondary;
+
           .external-link {
             fill: #004080 !important;
           }
         }
+
         .external-link {
-          fill: $external-link-fill-buttons !important;
           position: absolute;
           top: 3px;
           right: 3px;
+          fill: $external-link-fill-buttons !important;
         }
       }
 
@@ -120,12 +122,12 @@
         }
 
         a.btn-outline-info {
+          position: relative;
+          padding: 18px 60px;
           box-shadow: inset 0 0 0 1px #fff;
           color: #fff;
-          padding: 18px 60px;
-          font-weight: bold;
           font-size: 1rem;
-          position: relative;
+          font-weight: bold;
 
           .external-link {
             position: absolute;

package/src/theme/ItaliaTheme/Blocks/_gridBlock.scss

@@ -1,25 +1,30 @@
 .block.gridBlock {
   margin-top: 2rem;
+
   .full-width {
     height: unset !important;
   }
+
   .gridBlock-container {
+    position: relative;
     max-width: 1320px;
     padding: 0 4px;
     margin: auto;
-    position: relative;
+
     .toolbar {
       left: 16px !important;
     }
+
     .block {
       .image {
         .ui.message {
-          padding-left: 8px;
           padding-right: 8px;
+          padding-left: 8px;
         }
+
         .ui.input {
-          font-size: 14px;
           margin-left: 16px;
+          font-size: 14px;
         }
       }
     }

package/src/theme/ItaliaTheme/Blocks/_gridGalleryTemplate.scss

@@ -70,6 +70,7 @@
 
         @media (max-width: 767px) {
           height: fit-content;
+
           &.item-5,
           &.item-6 {
             grid-column: auto;

package/src/theme/ItaliaTheme/Blocks/_hero.scss

@@ -134,6 +134,7 @@
 
         .btn {
           min-width: 9.5rem;
+
           &:last-of-type {
             margin-left: 0em;
           }

package/src/theme/ItaliaTheme/Blocks/_iconBlocks.scss

@@ -108,8 +108,8 @@
     .ui.basic.button.delete-button {
       z-index: 3;
       padding: 0.3rem;
-      background-color: #8bb3b5 !important;
       border-radius: 100%;
+      background-color: #8bb3b5 !important;
       line-height: 1rem;
 
       svg:not(:hover) {
@@ -160,8 +160,8 @@
         width: 6rem;
         height: 6rem;
         padding: 0.5rem 1rem;
-        background-color: #ededed;
         border-radius: 100%;
+        background-color: #ededed;
         font-size: 0.8rem;
         vertical-align: middle;
       }

package/src/theme/ItaliaTheme/Blocks/_imageBlock.scss

@@ -12,6 +12,7 @@
       }
     }
   }
+
   &.left,
   &.right {
     margin-bottom: 0;

package/src/theme/ItaliaTheme/Blocks/_listing.scss

@@ -35,7 +35,7 @@
 
   //* customizzazione: checkbox linea sotto al titolo
   .title-bottom-line {
-    border-bottom: 1px solid #455b71;
     padding-bottom: 15px;
+    border-bottom: 1px solid #455b71;
   }
 }

package/src/theme/ItaliaTheme/Blocks/_photogallerytemplate.scss

@@ -65,6 +65,7 @@
       color: lighten($primary, 40%);
       fill: lighten($primary, 40%);
     }
+
     &:hover .icon {
       color: $primary;
       fill: $primary;

package/src/theme/ItaliaTheme/Blocks/_ribbonCardTemplate.scss

@@ -56,8 +56,8 @@
         margin-left: 1.3em;
 
         &::after {
-          border-left: 10px solid transparent;
           border-right: 10px solid transparent;
+          border-left: 10px solid transparent;
         }
       }
 
@@ -65,11 +65,12 @@
         padding: 1.3em;
       }
     }
+
     .etichetta.etichetta {
-      width: 50%;
+      top: 0.6em !important;
       right: 0em !important;
       left: auto;
-      top: 0.6em !important;
+      width: 50%;
       padding: 0em 0.5em;
       font-size: 0.6rem;
     }
@@ -77,9 +78,9 @@
 
   @include media-breakpoint-between(md, xxl) {
     .etichetta.etichetta {
-      width: 50%;
       right: 0.5em !important;
       left: auto;
+      width: 50%;
       padding: 0em 0.5em;
     }
   }

package/src/theme/ItaliaTheme/Blocks/_rssBlock.scss

@@ -2,10 +2,11 @@
   .card {
     .card-body {
       .source-title {
+        margin-bottom: $card-category-m-bottom;
+        color: $card-p-color;
         font-size: $card-category-size;
         text-transform: uppercase;
-        color: $card-p-color;
-        margin-bottom: $card-category-m-bottom;
+
         .source {
           font-weight: bold;
           letter-spacing: $card-category-l-spacing;

package/src/theme/ItaliaTheme/Blocks/_search.scss

@@ -2,10 +2,12 @@
   .full-width {
     height: 100% !important;
   }
+
   .search-wrapper {
     position: relative;
     margin-top: 1.75rem;
     background-color: #fff;
+
     .form-group {
       flex: 1;
       margin: 0;
@@ -14,61 +16,74 @@
         display: none;
       }
     }
+
     .input-group-append,
     .clear-icon,
     input {
       height: 45px;
     }
+
     label {
       color: var(--bs-gray-secondary);
     }
+
     label.inactive,
     input {
       padding-left: 2.5rem !important;
     }
+
     label.inactive {
       color: transparent;
     }
+
     label.active {
-      font-size: 1rem;
       top: -8px;
+      font-size: 1rem;
     }
+
     .autocomplete-icon {
       position: absolute;
-      left: 0;
-      right: auto;
-      top: 7px;
       z-index: 5;
+      top: 7px;
+      right: auto;
+      left: 0;
+
       .icon {
         fill: $link-color;
       }
     }
+
     .clear-icon {
-      z-index: 5;
-      border: none;
-      outline: none;
       position: absolute;
+      z-index: 5;
       right: 80px;
-      font-size: 1rem;
+      border: none;
       border-bottom: 1px solid hsl(210deg, 17.6470588235%, 43.35%);
+      font-size: 1rem;
+      outline: none;
     }
   }
+
   .search-details {
     color: var(--bs-gray-900);
   }
+
   .search-results .public-ui .template-wrapper {
     .container {
+      max-width: 100%;
       padding: 0 !important;
     }
   }
+
   .sideColumn {
     @media (max-width: #{map-get($grid-breakpoints, md)}) {
       padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
       padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
     }
+
     .columnTextTitle {
-      text-transform: uppercase;
       color: var(--bs-gray-900);
+      text-transform: uppercase;
     }
 
     .facets {
@@ -79,108 +94,123 @@
       .daterange-facet {
         .DateRangePickerInput {
           border-bottom: 1px solid hsl(210deg, 17.6470588235%, 43.35%);
+
           input[type='text'] {
             border-bottom: none;
           }
         }
       }
+
       .select-facet {
         // Same div, but for some reason when built, valuecontainer
         // class is not present in html, design-react-kit fault
         div[class*='-ValueContainer'],
         div[class*='-control'] > div:first-child {
-          flex-wrap: nowrap;
+          position: relative;
           display: flex;
-          -webkit-align-items: center;
-          -webkit-box-align: center;
-          -ms-flex-align: center;
-          align-items: center;
           display: -webkit-box;
           display: -webkit-flex;
           display: -ms-flexbox;
+          overflow: hidden;
+          height: 2.5rem;
+          box-sizing: border-box;
           -webkit-flex: 1 1 0%;
           -ms-flex: 1 1 0%;
           flex: 1 1 0%;
+          flex-wrap: nowrap;
+          -webkit-align-items: center;
+          align-items: center;
           padding: 2px 8px;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
           -webkit-overflow-scrolling: touch;
-          position: relative;
-          overflow: hidden;
-          box-sizing: border-box;
-          height: 2.5rem;
         }
+
         div[class*='-placeholder'] {
           color: #484848;
         }
       }
     }
   }
+
   .search-results-count-sort {
     .accordion-wrapper {
-      min-width: 350px;
       position: relative;
+      min-width: 350px;
       @media (max-width: #{map-get($grid-breakpoints, md)}) {
         min-width: 100%;
       }
+
       .accordion-header {
-        padding: 0.5rem;
-        font-size: 1rem;
         display: flex;
         width: 100%;
         align-items: center;
         justify-content: space-between;
-        transition: border-color 0.3s ease-in,
-          background-color 0.2s cubic-bezier(0, 1, 0, 1) 0.2s;
+        padding: 0.5rem;
         border: none;
-        border-bottom: 1px solid;
         border-color: hsl(210deg, 17.6470588235%, 43.35%) !important;
+        border-bottom: 1px solid;
+        font-size: 1rem;
+        transition:
+          border-color 0.3s ease-in,
+          background-color 0.2s cubic-bezier(0, 1, 0, 1) 0.2s;
+
         &[aria-expanded='true'] {
           border-color: transparent !important;
-          transition: background-color 0.2s cubic-bezier(0, 1, 0, 1),
-            border-color 0.05s cubic-bezier(1, 0, 1, 0);
           box-shadow: 0 1rem 2rem -0.25rem rgba(0, 0, 0, 0.15) !important;
+          transition:
+            background-color 0.2s cubic-bezier(0, 1, 0, 1),
+            border-color 0.05s cubic-bezier(1, 0, 1, 0);
         }
+
         .filter-list-title {
           display: flex;
+
           .accordion-control {
             position: relative;
             margin-right: 28px;
+
             .indicator {
               position: absolute;
+              z-index: 10;
               right: -22px;
               bottom: -5px;
-              z-index: 10;
             }
           }
         }
       }
 
       .accordion-content {
+        position: absolute;
+        z-index: 10;
+        right: 0;
+        left: 0;
         overflow: hidden;
         max-height: 0;
         padding: 0;
         transition: max-height 0.2s cubic-bezier(0, 1, 0, 1);
-        position: absolute;
-        left: 0;
-        right: 0;
-        z-index: 10;
+
         &[aria-expanded='true'] {
-          max-height: 1000vh;
           overflow: auto;
-          transition: max-height 0.25s cubic-bezier(1, 0, 1, 0);
+          max-height: 1000vh;
           box-shadow: 0 0.8rem 1rem -0.25rem rgba(0, 0, 0, 0.15) !important;
+          transition: max-height 0.25s cubic-bezier(1, 0, 1, 0);
         }
 
         .accordion-inner {
           padding: 0.75rem 1rem;
+
           .filter-list-group {
             display: flex;
             flex-direction: column;
+
             .label-title {
               color: var(--bs-gray-secondary);
-              text-transform: uppercase;
-              font-weight: 700;
               font-size: 0.875rem;
+              font-weight: 700;
+              text-transform: uppercase;
             }
+
             .form-label {
               align-items: center;
               justify-content: space-between;
@@ -200,12 +230,14 @@
             }
           }
         }
+
         .clear-filters {
-          margin-top: 1rem;
           width: 100%;
           align-items: center;
           justify-content: center;
+          margin-top: 1rem;
           font-size: 17px;
+
           svg {
             margin-right: 0.5rem !important;
             fill: var(--bs-danger);
@@ -215,3 +247,7 @@
     }
   }
 }
+
+body.cms-ui .block.search.public-ui a {
+  color: $primary-text;
+}

package/src/theme/ItaliaTheme/Blocks/_searchSections.scss

@@ -42,23 +42,24 @@
       }
 
       .searchbar {
-        background-color: $white;
         height: 45px;
+        background-color: $white;
 
         button {
-          height: 100%;
           display: flex;
           width: 50px;
           height: 100%;
+          height: 100%;
           align-items: center;
           justify-content: center;
           border-width: 0px;
-          background: transparent;
           margin-right: 10px;
+          background: transparent;
 
           svg {
             fill: $primary;
           }
+
           &:hover,
           &:active {
             background-color: darken($white, 5.5);