design-comuni-plone-theme 10.4.1 → 10.4.2

package/src/theme/ItaliaTheme/Views/_slider.scss

@@ -29,10 +29,10 @@
 
     li {
       button:before {
-        background-size: 20px;
-        background-image: none;
         border-radius: 50%;
         background-color: $gray-700;
+        background-image: none;
+        background-size: 20px;
         opacity: 1;
       }
 
@@ -54,8 +54,8 @@
       .icon {
         width: 25px;
         height: 40px;
-        fill: $primary;
         color: $primary;
+        fill: $primary;
       }
 
       &:hover .icon {

package/src/theme/ItaliaTheme/Views/_trasparenzaView.scss

@@ -1,12 +1,14 @@
 #trasparenza-page-content {
   margin-top: 4rem;
   margin-bottom: 4rem;
+
   .trasparenza-item-header {
     font-size: 1.6rem;
   }
 
   .trasparenza-second-level-wrapper {
     margin-left: 0.5rem;
+
     .trasparenza-item {
       font-size: 1.2rem;
     }

package/src/theme/ItaliaTheme/Views/_uo.scss

@@ -44,12 +44,14 @@ body.contenttype-unitaorganizzativa {
       }
     }
   }
+
   .card-wrapper.card-teaser-wrapper.row {
     // Enable vertical gap in rows
     --bs-gutter-y: 1.5rem;
+
     &.documenti-pubblici {
-      margin-left: 0;
       margin-right: 0;
+      margin-left: 0;
     }
   }
 }

package/src/theme/ItaliaTheme/Views/_venue.scss

@@ -3,11 +3,12 @@
     p.h2 {
       @include rem-size(font-size, 28);
       @include rem-size(line-height, 32);
-      font-weight: 600;
       color: $text-color;
+      font-weight: 600;
       @include margin-size(margin-bottom, 16);
       @include margin-size(margin-top, 16);
     }
+
     p {
       color: $text-color;
     }
@@ -15,8 +16,8 @@
 
   section#metadata {
     h5 {
-      font-family: $font-family-base;
       color: $gray-secondary;
+      font-family: $font-family-base;
     }
   }
 }

package/src/theme/ItaliaTheme/Widgets/_canaleDigitaleWidget.scss

@@ -2,13 +2,14 @@
   .introduction-helper-wrapper {
     padding: 1rem 1rem 0 1rem;
   }
+
   .field-title::after {
     display: inline-block;
     width: 10px;
     height: 10px;
+    border-radius: 50%;
     margin-left: 5px;
     background-color: #e40166;
-    border-radius: 50%;
     content: '';
   }
 }

package/src/theme/ItaliaTheme/Widgets/_dataGridWidget.scss

@@ -1,41 +1,49 @@
 .data-grid-widget {
   .ui.grid > .row .column {
     label.required::after {
+      display: inline-block;
       width: 10px;
       height: 10px;
+      border-radius: 50%;
       margin-left: 5px;
       background-color: #e40166;
-      border-radius: 50%;
       content: '';
-      display: inline-block;
     }
   }
+
   .ui.grid {
     margin: 0;
+
     .row > .column.term-actions {
-      padding-left: 0;
-      padding-right: 0.5rem;
       display: flex;
       align-items: center;
       justify-content: center;
+      padding-right: 0.5rem;
+      padding-left: 0;
+
       .delete-term {
         margin-right: 0 !important;
       }
     }
+
     .row > .field-column {
-      padding-left: 0.5rem;
       padding-right: 0.5rem;
+      padding-left: 0.5rem;
     }
+
     .row {
+      position: relative;
       flex-direction: row;
       flex-wrap: wrap;
-      position: relative;
+
       .column.field-column {
-        flex-basis: 45%;
         width: unset !important ;
+        flex-basis: 45%;
+
         &:not(:nth-last-child(2)) {
           flex-grow: 0;
         }
+
         &:nth-child(2n) {
           flex-grow: 0;
         }
@@ -43,25 +51,30 @@
         .ui.input {
           width: 100% !important;
         }
+
         .date-time-widget-wrapper {
           position: relative;
+
           .item.ui.noborder.button {
             position: absolute;
             top: 26px;
             right: 12px;
           }
+
           .DateInput {
             width: 100% !important;
+
             input {
               width: 100% !important;
             }
           }
         }
         @media (max-width: 1365px) {
-          flex-basis: 90%;
           max-width: 90%;
+          flex-basis: 90%;
         }
       }
+
       .one.wide.column.term-actions {
         position: absolute;
         right: 0;
@@ -81,16 +94,19 @@
       &:not(:nth-last-child(2)) {
         flex-grow: 0;
       }
+
       &:nth-last-child(2) {
         max-width: 90%;
         flex-basis: 90%;
       }
+
       .ui.input {
         width: 100% !important;
       }
 
       @media (max-width: 1365px) {
         flex-basis: 90%;
+
         &:not(:nth-last-child(2)) {
           flex-grow: unset;
         }

package/src/theme/ItaliaTheme/Widgets/_iconWidget.scss

@@ -8,9 +8,9 @@
   }
 
   .label-container {
+    width: 100%;
     margin-left: 15px;
     text-align: left;
-    width: 100%;
   }
 
   .ms-4 {

package/src/theme/ItaliaTheme/_common.scss

@@ -8,8 +8,10 @@
   button.rounded-right {
     &:focus {
       border-color: $focus-outline-color !important;
-      box-shadow: inset 0 1px 0 $focus-outline-color,
-        0 1px 1px $focus-outline-color, 0 0 0 0.2rem $focus-outline-color !important;
+      box-shadow:
+        inset 0 1px 0 $focus-outline-color,
+        0 1px 1px $focus-outline-color,
+        0 0 0 0.2rem $focus-outline-color !important;
       outline: none;
     }
   }
@@ -34,8 +36,10 @@
 
     &:focus {
       border-color: $focus-outline-color;
-      box-shadow: inset 0 1px 0 $focus-outline-color,
-        0 1px 1px $focus-outline-color, 0 0 0 0.2rem $focus-outline-color;
+      box-shadow:
+        inset 0 1px 0 $focus-outline-color,
+        0 1px 1px $focus-outline-color,
+        0 0 0 0.2rem $focus-outline-color;
       outline: none;
     }
   }
@@ -72,6 +76,7 @@
 
   .external-link {
     fill: $link-color !important;
+
     &.align-sub {
       vertical-align: sub;
     }

package/src/theme/ItaliaTheme/_main.scss

@@ -31,8 +31,8 @@
 .documentDescription {
   @include rem-size(font-size, 24);
   margin-top: 1.5rem;
-  line-height: 2rem;
   color: $body-color;
+  line-height: 2rem;
   white-space: pre-wrap;
 }
 
@@ -104,9 +104,9 @@ iframe {
   .callout {
     padding: 1.25rem;
     border: 1px solid $neutral-1-a2;
+    border-radius: 0.25rem;
     border-left-width: 0.4rem;
     margin: 1.25rem 0;
-    border-radius: 0.25rem;
 
     p,
     .public-DraftStyleDefault-block {
@@ -144,9 +144,9 @@ iframe {
     a {
       display: inline-block;
       padding: 1em 2em;
+      border-radius: $btn-border-radius;
       margin: 0.5em 1em 0.5em 0;
       background-color: $primary;
-      border-radius: $btn-border-radius;
       color: $primary-text;
       font-weight: 700;
       text-align: center;
@@ -287,6 +287,7 @@ iframe {
   .public-ui table.ui.table {
     display: block;
     overflow: auto;
+
     th {
       white-space: nowrap;
     }
@@ -308,23 +309,25 @@ iframe {
       border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
       @media (max-width: #{map-get($grid-breakpoints, md)}) {
         &:empty {
-          margin-bottom: 0 !important;
           padding-bottom: 0 !important;
+          margin-bottom: 0 !important;
         }
       }
     }
   }
+
   .row > div ~ div h4:empty {
     position: relative;
     border-bottom: none;
+
     &::after {
-      content: '';
       position: absolute;
-      width: calc(100% + $grid-gutter-width);
-      background: hsla(0, 0%, 100%, 0.5);
-      height: 1px;
       bottom: -1px;
       left: -$grid-gutter-width;
+      width: calc(100% + $grid-gutter-width);
+      height: 1px;
+      background: hsla(0, 0%, 100%, 0.5);
+      content: '';
       @media (max-width: #{map-get($grid-breakpoints, md)}) {
         content: none;
       }

package/src/theme/_cms-ui.scss

@@ -1,4 +1,5 @@
 @import 'cms-ui_container';
+
 body.cms-ui {
   .block {
     font-family: $font-family-serif;
@@ -56,9 +57,9 @@ body.cms-ui {
 
     &.title {
       .public-DraftEditorPlaceholder-inner {
+        font-size: 2.66rem;
         font-weight: bold;
         line-height: 1.25;
-        font-size: 2.66rem;
       }
     }
 
@@ -134,8 +135,8 @@ body.cms-ui {
         .input-anchorlink-theme input:focus,
         .ui.icon.button:focus,
         .ui.basic.button:focus {
-          outline: solid 2px $focus-outline-color;
           border-radius: 0;
+          outline: solid 2px $focus-outline-color;
         }
 
         .cancel .icon {
@@ -144,24 +145,24 @@ body.cms-ui {
       }
 
       input#field-link {
+        height: auto;
         color: #444;
         font-weight: normal;
-        height: auto;
       }
 
       #field-data-element-select {
-        min-width: 220px;
+        position: relative;
         width: 100%;
+        min-width: 220px;
         height: 34px;
-        font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-        font-size: 0.8rem;
-        position: relative;
-        font-weight: normal;
-        font-style: normal;
         padding: 0 7px 0 12px;
         margin-top: 0.2rem;
         background-color: transparent;
         color: #444;
+        font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+        font-size: 0.8rem;
+        font-style: normal;
+        font-weight: normal;
 
         .react-select__control {
           min-height: 0;
@@ -184,8 +185,8 @@ body.cms-ui {
         padding-left: 0.8rem;
 
         .ui.basic.button:focus {
-          outline: solid 2px $focus-outline-color;
           border-radius: 0;
+          outline: solid 2px $focus-outline-color;
         }
       }
     }
@@ -223,6 +224,7 @@ body.cms-ui {
     /* FIX CT SELECT REACTVIRTUALIZED */
     .ReactVirtualized__Grid.ReactVirtualized__List {
       width: 100% !important;
+
       .ReactVirtualized__Grid__innerScrollContainer {
         max-width: none !important;
       }
@@ -267,71 +269,83 @@ body.cms-ui {
       fill: #999 !important;
     }
   }
+
   .sidebar-container {
     .numbers-block-sidebar-form-container {
       padding-bottom: 1rem;
     }
+
     .breadcrumbs {
       .breadcrumb {
         flex-wrap: wrap;
         row-gap: 0.5em;
+
         a.section {
           position: relative;
+
           &:not(:last-of-type) {
             max-width: 33.33%;
           }
+
           &:last-of-type {
             max-width: 100%;
+
             .tooltip {
-              white-space: normal;
               text-overflow: unset;
+              white-space: normal;
             }
           }
         }
+
         .tooltip {
           overflow: hidden;
-          white-space: nowrap;
           text-overflow: ellipsis;
+          white-space: nowrap;
+
           &:hover + .tooltip-text {
-            visibility: visible;
             opacity: 1;
+            visibility: visible;
           }
+
           &:last-child {
             max-width: none;
-            white-space: normal;
             text-overflow: unset;
+            white-space: normal;
           }
         }
+
         .tooltip-text {
           position: absolute;
-          visibility: hidden;
           z-index: 1;
           bottom: 125%;
           left: 50%;
-          margin-left: -60px;
           width: 8rem;
+          padding: 5px;
+          border-radius: 0.2em;
+          margin-left: -60px;
           background-color: $gray-200;
           color: $black;
           font-size: 0.8em;
-          text-align: center;
-          border-radius: 0.2em;
-          padding: 5px;
           opacity: 0;
+          text-align: center;
           transition: opacity 0.3s;
+          visibility: hidden;
+
           &::after {
-            content: '';
             position: absolute;
             top: 100%;
             left: 50%;
-            margin-left: -5px;
             border-width: 5px;
             border-style: solid;
             border-color: $gray-200 transparent transparent transparent;
+            margin-left: -5px;
+            content: '';
           }
         }
       }
     }
   }
+
   .icon-align-name {
     svg.icon {
       margin-right: 0.75rem !important;
@@ -373,10 +387,12 @@ body.cms-ui {
     .button.info.active {
       background-color: $alert-info;
     }
+
     .button.warning,
     .button.warning.active {
       background-color: $alert-warning;
     }
+
     .button.danger,
     .button.danger.active {
       background-color: $alert-danger;
@@ -436,6 +452,7 @@ body.cms-ui {
         z-index: 0;
       }
     }
+
     &.image {
       .block.align {
         &.left,
@@ -455,6 +472,7 @@ body.cms-ui {
       text-decoration: $link-decoration;
     }
   }
+
   .footer-configuration-widget {
     .DraftEditor-editorContainer {
       a.link-anchorlink-theme {
@@ -563,7 +581,9 @@ body.cms-ui {
       background-color: #fff;
       border-bottom-left-radius: 3px;
       border-bottom-right-radius: 3px;
-      box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05);
+      box-shadow:
+        0 0 8px rgba(0, 0, 0, 0.1),
+        0 2px 4px rgba(0, 0, 0, 0.05);
       list-style-type: none;
       transform: translateX(-50%);
 
@@ -710,14 +730,16 @@ body.cms-ui {
       word-break: break-word;
     }
   }
+
   &.view-diffview,
   &.section-historyview {
     .ui.table,
     #toolbar .ui.table {
-      table-layout: fixed;
       width: 100%;
+      table-layout: fixed;
     }
   }
+
   &.view-diffview {
     @import 'bootstrap/scss/card';
     @import 'bootstrap-italia/src/scss/custom/card';
@@ -729,6 +751,7 @@ body.has-toolbar {
   #toolbar .toolbar-content.show {
     z-index: 9;
   }
+
   &.public-ui #toolbar {
     .toolbar {
       &:before {

package/src/theme/_cms-ui_container.scss

@@ -36,9 +36,10 @@ $largeMonitorGutter: auto;
     margin-right: $gutter !important;
     margin-left: $gutter !important;
   }
+
   .public-ui .full-width > .px-4.container {
-    padding-left: 0 !important;
     padding-right: 0 !important;
+    padding-left: 0 !important;
   }
 }
 
@@ -58,7 +59,9 @@ $largeMonitorGutter: auto;
   }
 }
 
-body.cms-ui:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) {
+body.cms-ui:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(
+    .has-sidebar-collapsed
+  ) {
   @include contentWidth(0);
 }
 
@@ -74,7 +77,9 @@ body.cms-ui.has-toolbar.has-sidebar-collapsed {
   @include contentWidth($toolbarWidth + $collapsedWidth);
 }
 
-body.cms-ui.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) {
+body.cms-ui.has-toolbar-collapsed:not(.has-sidebar):not(
+    .has-sidebar-collapsed
+  ) {
   @include contentWidth($collapsedWidth);
 }
 

package/src/theme/_site-variables.scss

@@ -32,8 +32,10 @@ $gdpr-toggle: #b22515 !default;
 $gdpr-toggle-border: #000 !default;
 $gdpr-focus-color: #ff9800 !default;
 $gdpr-link-color: #004285 !default;
-$gdpr-focus-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
-  0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem $gdpr-focus-color !default;
+$gdpr-focus-shadow:
+  inset 0 1px 0 rgba(255, 255, 255, 0.15),
+  0 1px 1px rgba(0, 0, 0, 0.075),
+  0 0 0 0.2rem $gdpr-focus-color !default;
 
 $caption-text: #455b71 !default;
 

package/src/theme/bootstrap-override/bootstrap-italia/_breadcrumb.scss

@@ -5,9 +5,9 @@
       align-items: center;
 
       span.separator {
+        top: 0;
         display: inline;
         border: none;
-        top: 0;
         margin-top: 0;
         margin-bottom: 0;
       }

package/src/theme/bootstrap-override/bootstrap-italia/_footer.scss

@@ -8,18 +8,22 @@
         flex-direction: column;
         align-items: flex-start;
       }
+
       .nextGenerationEULogo {
-        height: 75px;
         width: auto;
+        height: 75px;
         aspect-ratio: 167 / 41;
       }
+
       a {
         h2 {
           font-size: 1.777778rem;
         }
+
         h3 {
           font-weight: 600;
         }
+
         .icon {
           width: 75px;
           height: 75px;
@@ -29,12 +33,12 @@
     }
 
     h4 {
-      color: $white;
-      font-size: 16px;
-      text-transform: uppercase;
       display: flex;
       align-items: center;
       margin-bottom: 0.889rem;
+      color: $white;
+      font-size: 16px;
+      text-transform: uppercase;
 
       a {
         font-weight: 700;
@@ -96,6 +100,7 @@
     a {
       word-break: normal;
     }
+
     a,
     button,
     a:hover:not(.disabled),

package/src/theme/bootstrap-override/bootstrap-italia/_linklist.scss

@@ -2,10 +2,12 @@
   span {
     color: $link-color;
   }
+
   &:hover:not(.disabled) {
     span {
       color: $link-color;
     }
+
     .icon {
       fill: $link-color;
     }

package/src/theme/bootstrap-override/bootstrap-italia/_megamenu.scss

@@ -8,6 +8,7 @@
           padding-bottom: $dvt-navigation-v-padding;
         }
       }
+
       &:not(.navbar-secondary) {
         li {
           a.nav-link {