design-comuni-plone-theme 11.9.0 → 11.10.0

package/src/theme/ItaliaTheme/Blocks/{_cardWithImageAndInEvidence.scss → _cardWithImage.scss}

@@ -1,5 +1,4 @@
-.block.listing .card-with-image-template,
-.block.listing .in-evidence {
+.block.listing .card-with-image-template {
   .col-item {
     margin-bottom: 22px;
   }
@@ -90,54 +89,80 @@
   }
 }
 
-.card-with-image-template {
-  .listing-item.card {
-    .card-body {
-      .category-top {
-        color: $caption-text;
-        font-size: 0.875rem;
-        line-height: 1.313rem;
-
-        .text {
-          font-weight: 600;
-          letter-spacing: 1px;
-        }
+.card-with-image-default-item.listing-item.card {
+  .card-body {
+    .category-top {
+      color: $caption-text;
+      font-size: 0.875rem;
+      line-height: 1.313rem;
 
-        .data {
-          font-weight: 400;
-          letter-spacing: 1.1px;
-        }
+      .text {
+        font-weight: 600;
+        letter-spacing: 1px;
+      }
 
-        &.wrap-dates-four-columns {
-          flex-wrap: wrap;
+      .data {
+        font-weight: 400;
+        letter-spacing: 1.1px;
+      }
+    }
 
-          .data {
-            margin-top: 0.5rem;
-          }
+    .card-title {
+      a {
+        color: $link-color;
+        font-size: 1.3rem;
+        font-weight: 700;
+        line-height: 1.75rem;
+      }
+    }
 
-          ::before {
-            display: none;
-          }
+    .card-text {
+      color: $gray-secondary;
+      font-family: $font-family-sans-serif;
+      font-size: 1rem;
+      line-height: 1.5rem;
+    }
+  }
+
+  .icon {
+    width: 32px;
+    height: 32px;
+  }
+
+  .img-responsive-wrapper {
+    width: inherit;
+
+    .img-responsive {
+      .img-wrapper {
+        display: flex;
+        align-items: center;
+
+        picture {
+          display: flex;
+          width: 100%;
+          height: 100%;
         }
-      }
 
-      .card-title {
-        a {
-          color: $link-color;
-          font-size: 1.3rem;
-          font-weight: 700;
-          line-height: 1.75rem;
+        img {
+          margin-right: 0;
         }
       }
+    }
+
+    &.natural-image-size {
+      .img-responsive {
+        position: static;
+        height: auto;
+        padding: 0;
 
-      .card-text {
-        color: $gray-secondary;
-        font-family: $font-family-sans-serif;
-        font-size: 1rem;
-        line-height: 1.5rem;
+        figure.img-wrapper {
+          position: static;
+          margin: 0;
+        }
       }
     }
   }
+
   @include media-breakpoint-only(lg) {
     .listing-item.card {
       .card-body {

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

@@ -24,21 +24,22 @@
     z-index: -1;
     top: 0;
     left: 0;
+    overflow: hidden;
     width: 100%;
     height: 100%;
-    overflow: hidden;
 
     img {
       position: absolute;
-      min-width: 100%;
-      min-height: 100%;
-      height: auto;
-      width: auto;
       top: 50%;
       left: 50%;
-      transform: translate(-50%, -50%);
+      width: auto;
+      min-width: 100%;
       max-width: unset;
+      height: auto;
+      min-height: 100%;
+      transform: translate(-50%, -50%);
     }
+
     &:after {
       position: absolute;
       width: 100%;

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

@@ -0,0 +1,123 @@
+.block.listing .in-evidence {
+  .col-item {
+    margin-bottom: 22px;
+  }
+
+  .icon {
+    width: 32px;
+    height: 32px;
+  }
+
+  .listing-item {
+    a {
+      display: inline;
+    }
+
+    .img-responsive-wrapper {
+      width: inherit;
+
+      .img-responsive {
+        .img-wrapper {
+          display: flex;
+          align-items: center;
+
+          picture {
+            display: flex;
+            width: 100%;
+            height: 100%;
+          }
+
+          img {
+            margin-right: 0;
+          }
+        }
+      }
+
+      &.natural-image-size {
+        .img-responsive {
+          position: static;
+          height: auto;
+          padding: 0;
+
+          figure.img-wrapper {
+            position: static;
+            margin: 0;
+          }
+        }
+      }
+    }
+
+    .img-link {
+      &:after {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        background-color: transparentize($color: white, $amount: 1);
+        content: '';
+        transition: 0.2s background-color ease;
+      }
+
+      &:hover,
+      &:focus {
+        &:after {
+          background-color: transparentize($color: white, $amount: 0.9);
+        }
+      }
+    }
+
+    .card-title {
+      a {
+        display: inline;
+        width: initial;
+        color: $body-color;
+        text-decoration: none;
+        transition: 0.2s color ease;
+
+        &:hover,
+        &:focus {
+          color: $link-color;
+          text-decoration: underline;
+        }
+      }
+    }
+
+    .event-recurrences-more {
+      bottom: $v-gap * 3;
+    }
+  }
+
+  .in-evidence-cards-wrapper {
+    display: -ms-grid;
+    display: grid;
+    gap: 1.3rem;
+    -ms-grid-columns: 1fr 1.3rem 1fr 1.3rem 1fr;
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+
+  .card-wrapper {
+    &:first-child {
+      grid-column: 1;
+      grid-row: 1 / 3;
+    }
+  }
+
+  // smartphone
+  @media (max-width: 585px) {
+    .in-evidence-cards-wrapper {
+      .card-wrapper {
+        width: 100%;
+        margin: 0px;
+      }
+      display: block;
+      height: 100%;
+    }
+  }
+  // tablet
+  @media (max-width: 1367px) and (min-width: 586px) {
+    .in-evidence-cards-wrapper {
+      grid-template-columns: auto auto;
+    }
+  }
+}

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

@@ -21,98 +21,96 @@
     content: none;
   }
 
-  .card.card-teaser {
-    &:after {
-      content: none;
-    }
+  .link-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 30px 0;
+  }
+}
+
+/*item is reusable in other components*/
 
-    .categoryicon-top .icon {
-      width: 32px;
-      height: 32px;
-      color: $gray-secondary;
-      fill: $gray-secondary;
-      font-weight: 600;
+.card.card-teaser.simple-card-default-item {
+  .categoryicon-top .icon {
+    width: 32px;
+    height: 32px;
+    color: $gray-secondary;
+    fill: $gray-secondary;
+    font-weight: 600;
+  }
+
+  .card-body {
+    a {
+      display: inline-block; //per avere il bordo tutto unito al focus di un link, ad esempio nelle card
+      &:link,
+      &:visited {
+        text-decoration: none;
+      }
+
+      &:hover,
+      &:active {
+        text-decoration: underline;
+      }
     }
 
-    .card-body {
+    .card-title {
+      margin-bottom: 10px;
+
       a {
+        @include rem-size(font-size, 24);
+        @include rem-size(line-height, 26);
         display: inline-block; //per avere il bordo tutto unito al focus di un link, ad esempio nelle card
-        &:link,
-        &:visited {
-          text-decoration: none;
-        }
+        font-weight: 700;
 
         &:hover,
         &:active {
           text-decoration: underline;
         }
       }
+    }
 
-      .card-title {
-        margin-bottom: 10px;
-
-        a {
-          @include rem-size(font-size, 24);
-          @include rem-size(line-height, 26);
-          display: inline-block; //per avere il bordo tutto unito al focus di un link, ad esempio nelle card
-          font-weight: 700;
-
-          &:hover,
-          &:active {
-            text-decoration: underline;
-          }
-        }
-      }
-
-      .category-top {
-        span.text {
-          span.text.fw-bold {
-            color: $link-color;
-            font-size: 0.875rem;
-            font-weight: 600 !important;
-            letter-spacing: 1px;
-            line-height: 1.313rem;
-          }
+    .category-top {
+      span.text {
+        span.text.fw-bold {
+          color: $link-color;
+          font-size: 0.875rem;
+          font-weight: 600 !important;
+          letter-spacing: 1px;
+          line-height: 1.313rem;
         }
       }
+    }
 
-      p.card-text {
-        font-size: 1rem;
-        line-height: 1.5rem;
+    p.card-text {
+      font-size: 1rem;
+      line-height: 1.5rem;
 
-        div.document-date {
-          @include rem-size(font-size, 14);
-        }
+      div.document-date {
+        @include rem-size(font-size, 14);
       }
     }
+  }
 
-    .it-card-footer {
-      flex: 1 1 100%;
-      align-self: flex-end;
-
-      a {
-        &:hover,
-        &:active {
-          text-decoration: underline;
-        }
+  .it-card-footer {
+    flex: 1 1 100%;
+    align-self: flex-end;
 
-        &:link,
-        &:visited {
-          text-decoration: none;
-        }
+    a {
+      &:hover,
+      &:active {
+        text-decoration: underline;
       }
 
-      .icon {
-        min-width: unset;
+      &:link,
+      &:visited {
+        text-decoration: none;
       }
     }
-  }
 
-  .link-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 30px 0;
+    .icon {
+      min-width: unset;
+    }
   }
 }
 

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

@@ -146,6 +146,87 @@
     margin-bottom: 0;
   }
 
+  &.appearance_simple_card,
+  &.appearance_image_card {
+    .slider-container {
+      .slick-track {
+        align-items: stretch;
+        padding-bottom: 1.5rem;
+
+        .slick-slide {
+          height: auto;
+
+          > div {
+            height: 100%;
+          }
+
+          .it-single-slide-wrapper {
+            height: 100%;
+
+            .slide-wrapper {
+              height: 100%;
+
+              > .card,
+              > .card-wrapper {
+                height: 100%;
+              }
+
+              > .card {
+                margin: 0.5rem 0;
+              }
+
+              .shadow,
+              .card-bg {
+                box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15) !important;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &.appearance_image_card {
+    .slider-container {
+      .slick-track {
+        align-items: start;
+      }
+
+      .slick-slide {
+        .slide-wrapper {
+          .listing-item {
+            margin-top: 0.5rem;
+
+            .img-responsive-wrapper {
+              .img-wrapper {
+                position: absolute;
+                height: 100%;
+
+                img {
+                  min-width: unset !important;
+                  min-height: unset !important;
+                }
+              }
+
+              &.natural-image-size {
+                .img-responsive {
+                  position: static;
+                  height: auto;
+                  padding: 0;
+
+                  figure.img-wrapper {
+                    position: static;
+                    margin: 0;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
   .slider-container.full-width {
     .slick-arrow.slick-prev {
       z-index: 1;

package/src/theme/ItaliaTheme/Blocks/common/_searchBlockFilters.scss

@@ -110,6 +110,18 @@
     }
   }
 
+  .bg-primary {
+    .search-container {
+      .filter-wrapper {
+        &.select-filter {
+          .react-select__input {
+            color: color-contrast($primary);
+          }
+        }
+      }
+    }
+  }
+
   .bg-secondary {
     .search-container {
       .filter-wrapper {
@@ -140,6 +152,10 @@
           .react-select__single-value {
             color: $secondary-text !important;
           }
+
+          .react-select__input {
+            color: color-contrast($secondary);
+          }
         }
 
         &.date-filter .DateRangePickerInput {

package/src/theme/ItaliaTheme/Components/_cardPersona.scss

@@ -1,9 +1,9 @@
 .card-persona.card-flex {
   .card-image-wrapper {
     display: flex;
+    width: 100%;
     flex: 1;
     align-items: flex-start;
-    width: 100%;
   }
 
   .card-body {

package/src/theme/ItaliaTheme/Components/_mobileMenu.scss

@@ -106,9 +106,9 @@
               margin-left: 0;
 
               svg.icon {
-                fill: currentColor;
                 width: 28px;
                 height: 28px;
+                fill: currentColor;
               }
             }
           }

package/src/theme/ItaliaTheme/Components/_navigation.scss

@@ -0,0 +1,15 @@
+.public-ui {
+  .navbar {
+    .navbar-collapsable {
+      .navbar-nav {
+        li {
+          a.nav-link {
+            &.focus--mouse {
+              border-color: unset !important;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/ItaliaTheme/Components/_tertiaryMenu.scss

@@ -13,6 +13,12 @@
         font-weight: 300;
       }
     }
+
+    &.in-evidence {
+      a {
+        font-weight: bold;
+      }
+    }
   }
 }
 

package/src/theme/ItaliaTheme/Print/_all_pages.scss

@@ -174,6 +174,7 @@
         display: none;
       }
     }
+
     .leaflet-container {
       break-inside: avoid;
     }
@@ -206,4 +207,36 @@
       visibility: hidden;
     }
   }
+
+  //subsite footer
+  .subsite-footer {
+    display: none;
+  }
+
+  //text editor styles
+  .public-ui {
+    p.callout-bg,
+    p.callout {
+      padding: 0rem 1.25rem;
+      border: none;
+      margin: 0.5rem 0rem;
+      box-shadow: none;
+      font-size: 1rem;
+    }
+  }
+
+  .draft-text-larger {
+    font-size: 1.2rem;
+  }
+
+  .public-ui .draftjs-buttons a {
+    padding: 0rem;
+    background-color: white;
+    color: $link-color;
+  }
+
+  //external link icon
+  svg.external-link {
+    display: none;
+  }
 }

package/src/theme/ItaliaTheme/Print/_page.scss

@@ -0,0 +1,21 @@
+.contenttype-document {
+  @media print {
+    .PageHeaderWrapper {
+      &.mb-4 {
+        margin-bottom: 0rem;
+      }
+
+      .title-description-wrapper {
+        h1 {
+          font-size: 1.5rem;
+        }
+      }
+    }
+
+    p {
+      margin-top: 1rem;
+      margin-bottom: 0rem;
+      font-size: 1rem;
+    }
+  }
+}