design-comuni-plone-theme 11.29.2 → 12.0.0

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

@@ -3,18 +3,7 @@
     height: auto;
   }
 
-  .ui.basic.button.delete-button {
-    padding: 0.5rem;
-    text-align: center;
-
-    svg:not(:hover) {
-      fill: #fff !important;
-    }
-
-    &:hover {
-      border-radius: 100%;
-    }
-  }
+  @include blocks-with-bg-edit-buttons();
 
   .bg-primary {
     .block-header {
@@ -26,7 +15,7 @@
       .description h4,
       .description h5,
       .description h6,
-      .description a {
+      .description a:not(.btn) {
         color: $primary-text;
       }
     }
@@ -41,7 +30,8 @@
       .description h3,
       .description h4,
       .description h5,
-      .description h6 {
+      .description h6,
+      .description a:not(.btn) {
         color: $secondary-text;
       }
     }
@@ -54,17 +44,6 @@
       font-weight: bold;
       line-height: 3rem;
       text-align: center;
-
-      .DraftEditor-root {
-        .public-DraftEditor-content {
-          text-align: center;
-        }
-
-        .public-DraftEditorPlaceholder-root {
-          width: 100%;
-          text-align: center;
-        }
-      }
     }
 
     .description {
@@ -72,17 +51,6 @@
 
       line-height: 1.65em;
       text-align: center;
-
-      .DraftEditor-root {
-        .public-DraftEditor-content {
-          text-align: center;
-        }
-
-        .public-DraftEditorPlaceholder-root {
-          width: 100%;
-          text-align: center;
-        }
-      }
     }
   }
 
@@ -96,10 +64,6 @@
     .card-wrapper {
       height: 100%;
     }
-
-    .ui.basic.button.delete-button {
-      padding: 0.36rem;
-    }
   }
 
   .button.add-element {
@@ -112,7 +76,6 @@
     }
 
     .contact-title {
-
       margin-bottom: 1rem;
       font-size: 1.35rem;
       font-weight: bold;
@@ -121,12 +84,25 @@
 
     .contact-text {
       font-size: 0.9rem;
+
+      .detached-slate-editor {
+        margin-bottom: 1rem;
+      }
     }
 
     .contact-info {
       display: flex;
       align-items: center;
 
+      [role='textbox'] {
+        //slate editor
+        width: 100%;
+
+        &[data-slate-editor='true'] {
+          min-height: 1em;
+        }
+      }
+
       .icon-wrapper {
         display: flex;
         align-items: center;
@@ -147,10 +123,6 @@
         flex: 1 1 auto;
         word-break: break-word;
 
-        .DraftEditor-editorContainer {
-          line-height: 1.48em;
-        }
-
         p {
           line-height: 1.48em;
 
@@ -159,12 +131,6 @@
           }
         }
       }
-
-      .public-DraftStyleDefault-block {
-        &:last-of-type {
-          margin-bottom: 0;
-        }
-      }
     }
   }
 

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

@@ -1,3 +1,12 @@
+body.cms-ui,
+body.public-ui {
+  .block.count_down .public-ui {
+    a:not(.btn) {
+      color: $white; //to force color in cms-ui
+    }
+  }
+}
+
 .block.count_down .public-ui {
   color: $white;
 
@@ -6,7 +15,7 @@
   h4,
   h5,
   h6,
-  a {
+  a:not(.btn) {
     color: $white;
   }
 

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

@@ -22,9 +22,13 @@
       h2,
       h3 {
         margin: 0 0 1.5rem;
-        color: $secondary-text;
         font-size: 2.25rem;
       }
+      h2,
+      h3,
+      a:not(.btn) {
+        color: $secondary-text;
+      }
 
       p:last-of-type {
         margin-bottom: 0;
@@ -56,20 +60,6 @@
       }
     }
 
-    /* EDIT */
-    .cta_title,
-    .cta_content {
-      .public-DraftEditor-content,
-      .public-DraftStyleDefault-block {
-        text-align: center;
-      }
-
-      .public-DraftEditorPlaceholder-root {
-        width: 100%;
-        text-align: center;
-      }
-    }
-
     &.has-image {
       position: relative;
       display: block;
@@ -112,6 +102,7 @@
 
       .cta-tile-text {
         &,
+        a,
         h3 {
           color: #fff;
         }
@@ -142,12 +133,5 @@
 }
 
 .block.cta_block {
-  .ui.basic.button.delete-button {
-    color: #fff !important;
-
-    &:hover,
-    &:focus {
-      color: #000 !important;
-    }
-  }
+  @include blocks-with-bg-edit-buttons();
 }

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

@@ -64,7 +64,7 @@
   //in edit (cms-ui)
   .gridBlock-container {
     position: relative;
-    max-width: 1320px;
+    max-width: 1127px;
     padding: 0 4px;
     margin: auto;
 

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

@@ -8,6 +8,7 @@
 
   .block-inner-wrapper {
     align-items: stretch;
+    z-index: 0;
   }
 
   .hero-image {
@@ -42,14 +43,6 @@
     p {
       max-height: unset;
     }
-
-    .edit-title {
-      .public-DraftEditorPlaceholder-inner {
-        font-size: $h1-font-size;
-        font-weight: bold;
-        line-height: 1.25;
-      }
-    }
   }
 
   .stores-buttons {

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

@@ -3,21 +3,7 @@
     height: auto;
   }
 
-  .ui.basic.button.delete-button {
-    top: -0.2rem;
-    padding: 0.2rem;
-    border-radius: 100%;
-    line-height: 1rem;
-
-    svg:not(:hover) {
-      fill: #fff !important;
-    }
-
-    &:hover,
-    &:active {
-      background-color: #fff !important;
-    }
-  }
+  @include blocks-with-bg-edit-buttons();
 
   .background-image {
     position: absolute;
@@ -67,15 +53,8 @@
       line-height: 3rem;
       text-align: center;
 
-      .DraftEditor-root {
-        .public-DraftEditor-content {
-          text-align: center;
-        }
-
-        .public-DraftEditorPlaceholder-root {
-          width: 100%;
-          text-align: center;
-        }
+      h2 {
+        margin: 0px;
       }
     }
 
@@ -91,20 +70,9 @@
       h4,
       h5,
       h6,
-      a {
+      a:not(.btn) {
         color: #fff;
       }
-
-      .DraftEditor-root {
-        .public-DraftEditor-content {
-          text-align: center;
-        }
-
-        .public-DraftEditorPlaceholder-root {
-          width: 100%;
-          text-align: center;
-        }
-      }
     }
   }
 
@@ -123,41 +91,6 @@
       transform: unset;
     }
 
-    .dragsubblock,
-    .ui.basic.button.delete-button {
-      z-index: 3;
-      padding: 0.3rem;
-      border-radius: 100%;
-      background-color: #8bb3b5 !important;
-      line-height: 1rem;
-
-      svg:not(:hover) {
-        fill: #fff !important;
-      }
-
-      &:hover,
-      &:active {
-        background-color: #a4dee1 !important;
-
-        svg {
-          fill: #000 !important;
-        }
-      }
-    }
-
-    .dragsubblock {
-      top: -0.75rem;
-      left: -0.55rem;
-    }
-
-    .ui.basic.button.delete-button {
-      top: -0.7rem;
-      width: unset;
-      height: unset;
-      padding: 0.36rem;
-      text-align: center;
-    }
-
     .link-form-container {
       .ui.input {
         > input {
@@ -198,17 +131,13 @@
       line-height: 1.8rem;
       text-align: center;
 
-      .public-DraftEditor-content {
-        text-align: center;
+      h3 {
+        margin-bottom: 0px;
       }
     }
 
     .iconblock-text {
       text-align: center;
-
-      .public-DraftEditor-content {
-        text-align: center;
-      }
     }
 
     a.read-more {

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

@@ -2,9 +2,10 @@
   .card {
     .card-body {
       .card-text {
-        .DraftEditor-root * {
+        .slate-editor * {
+          line-height: 1.5em;
           font-family: 'Lora, Georgia, serif';
-          font-size: 0.875rem;
+          font-size: 1.1rem;
         }
       }
     }

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

@@ -5,21 +5,7 @@
     height: auto;
   }
 
-  > .ui.basic.button.delete-button {
-    top: -0.2rem;
-    padding: 0.2rem;
-    border-radius: 100%;
-    line-height: 1rem;
-
-    svg:not(:hover) {
-      fill: #fff !important;
-    }
-
-    &:hover,
-    &:active {
-      background-color: #fff !important;
-    }
-  }
+  @include blocks-with-bg-edit-buttons();
 
   .background-image {
     position: absolute;
@@ -79,6 +65,10 @@
       font-size: 2.25rem;
       font-weight: bold;
       line-height: 2.8rem;
+
+      h2 {
+        margin: 0;
+      }
     }
   }
 
@@ -88,11 +78,7 @@
       font-weight: 500;
       line-height: 1em;
 
-      .DraftEditor-root
-        .DraftEditor-editorContainer
-        .public-DraftEditor-content
-        span,
-      .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
+      .simple-text-editor-widget {
         font-family: $font-family-monospace !important;
       }
     }

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

@@ -1,10 +1,16 @@
 .block.simple-text-block {
   .card {
     .card-body {
+      .card-title {
+        .simple-text-editor-widget {
+          font-weight: 600;
+        }
+      }
       .card-text {
-        .DraftEditor-root * {
+        .slate-editor * {
           font-family: 'Lora, Georgia, serif';
-          font-size: 0.875rem;
+          line-height: 1.5em;
+          font-size: 1.1rem;
         }
       }
     }

package/src/theme/ItaliaTheme/Blocks/_subblocks-edit.scss

@@ -26,7 +26,9 @@
 
   .ui.basic.button.delete-button {
     &:hover,
-    &:active {
+    &:active,
+    &:focus,
+    &:focus-within {
       background-color: #e40166 !important;
       color: #fff;
 

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

@@ -40,6 +40,7 @@ $space-left: 1rem;
         margin-top: 0.5rem;
         font-size: 1rem;
         font-weight: 600;
+        width: 100%;
 
         &::before {
           position: absolute;

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

@@ -25,10 +25,6 @@
     }
   }
 
-  .DraftEditor-root {
-    padding: 0.5rem 1rem;
-  }
-
   .category-top {
     display: flex;
     flex-wrap: wrap;

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

@@ -1,5 +1,5 @@
 .navbar {
-  @media (max-width: 991px) {
+  @media (max-width: #{map-get($grid-breakpoints, 'lg') - 1px}) {
     .navbar-collapsable {
       &,
       .public-ui & {
@@ -26,33 +26,29 @@
             display: flex;
             align-items: center;
             justify-content: space-between;
+            text-decoration: none;
+
+            .icon {
+              width: auto;
+            }
           }
 
-          h2 {
-            margin-bottom: 0;
+          .it-brand-title {
             color: $text-color;
-            font-size: 1.5rem;
+            font-size: 1.333rem;
+            font-weight: 700;
           }
 
-          h3 {
-            margin-bottom: 0;
+          .it-brand-tagline {
             color: $gray-secondary;
             font-size: 1rem;
-          }
-
-          svg {
-            width: 3rem;
-            height: 3rem;
+            font-weight: 700;
           }
 
           .it-brand-text {
             flex: 1;
             padding-left: 1rem;
           }
-
-          a {
-            text-decoration: none;
-          }
         }
 
         .navbar-nav {
@@ -143,7 +139,7 @@
     }
   }
 
-  @media (min-width: 992px) {
+  @media (min-width: #{map-get($grid-breakpoints, 'lg')}) {
     .navbar-collapsable {
       .menu-wrapper {
         .it-brand-wrapper,

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

@@ -7,7 +7,7 @@
 
       .title-description-wrapper {
         h1 {
-          font-size: 1.5rem;
+          font-size: 1.7rem;
         }
       }
     }

package/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_contacts.scss

@@ -15,6 +15,9 @@
           .description {
             color: $subsite-primary-text;
           }
+          a:not(.btn) {
+            color: currentColor;
+          }
         }
 
         .card {

package/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_cta.scss

@@ -14,6 +14,7 @@
       }
     }
   }
+
   .cms-ui .cta-block a {
     color: $subsite-secondary-text;
   }

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

@@ -100,6 +100,7 @@
             }
           }
 
+          .date-filter,
           &.date-filter {
             .DateRangePickerInput {
               .DateInput_input {

package/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss

@@ -87,6 +87,7 @@
             a {
               &.rounded-icon {
                 background-color: $subsite-primary-text;
+
                 svg {
                   @if $subsite-light-theme {
                     color: color-contrast($subsite-primary-text);

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

@@ -48,9 +48,11 @@ $docs-section-margin: 3em;
           justify-content: space-between;
           padding: 0.4em 0;
           gap: 4rem;
+
           .title {
             flex: 1;
           }
+
           .title-wrap {
             flex: 1;
 
@@ -77,7 +79,8 @@ $docs-section-margin: 3em;
             justify-content: center;
 
             a {
-              width: 2.4em;
+              // width: 2.4em;
+              margin-left: 0.5rem;
               text-align: center;
 
               svg {
@@ -85,6 +88,10 @@ $docs-section-margin: 3em;
                 height: 1.4rem !important;
                 font-size: 1.3em;
               }
+
+              .enhance-link {
+                font-size: 0.8rem;
+              }
             }
           }
 
@@ -188,10 +195,12 @@ $docs-section-margin: 3em;
             flex-direction: column;
             align-items: flex-start;
             justify-content: center;
+
             .downloads {
               width: 100%;
             }
           }
+
           .doc {
             flex-wrap: wrap;
             align-items: center;
@@ -220,8 +229,8 @@ $docs-section-margin: 3em;
             }
 
             &.modulo {
-              justify-content: space-between;
               flex-wrap: nowrap;
+              justify-content: space-between;
 
               .title,
               .downloads {

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

@@ -26,8 +26,8 @@
       margin-bottom: 1.2em;
     }
 
-    .richtext-blocks {
-      .draftjs-buttons a {
+    .richtext-blocks.font-serif {
+      a.btn.btn-primary.inline-link {
         font-family: 'Titillium Web';
       }
     }

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

@@ -18,6 +18,9 @@
         display: block;
       }
     }
+    .enhance-link {
+      display: none;
+    }
   }
 
   .no-external-if-link > .external-link {

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

@@ -3,6 +3,10 @@
     font-size: 40px;
   }
 
+  .show-icon-italia {
+    height: 2rem;
+  }
+
   .icon-container {
     width: 15px;
   }

package/src/theme/ItaliaTheme/_common.scss

@@ -10,6 +10,7 @@
       outline: 2px solid $outer-focus-outline !important;
       outline-offset: 2px;
 
+      border: none !important;
       box-shadow: 0 0 0 2px $inner-focus-shadow !important;
 
       // adds additional internal black border to buttons