design-comuni-plone-theme 11.10.2 → 12.0.0-alpha.1

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

@@ -1,3 +1,28 @@
+.alert-colors-widget {
+  .color-list-widget {
+    .ui.button.info {
+      &,
+      &.active {
+        background-color: $alert-info;
+      }
+    }
+
+    .ui.button.warning {
+      &,
+      &.active {
+        background-color: $alert-warning;
+      }
+    }
+
+    .ui.button.danger {
+      &,
+      &.active {
+        background-color: $alert-danger;
+      }
+    }
+  }
+}
+
 .public-ui {
   .block.alertblock,
   .alertblock {
@@ -5,7 +30,7 @@
       height: auto;
     }
 
-    .draftjs-buttons a {
+    a.btn.btn-primary.inline-link {
       background-color: $white;
       color: $body-color;
 
@@ -19,6 +44,15 @@
       background-color: $alert-danger;
       color: $alert-danger-text;
 
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        color: $alert-danger-text;
+      }
+
       a {
         color: $alert-danger-text;
       }
@@ -28,6 +62,15 @@
       background-color: $alert-warning;
       color: $alert-warning-text;
 
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        color: $alert-warning-text;
+      }
+
       a {
         color: $alert-warning-text;
       }
@@ -37,6 +80,15 @@
       background-color: $alert-info;
       color: $alert-info-text;
 
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        color: $alert-info-text;
+      }
+
       a {
         color: $alert-info-text;
       }

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

@@ -21,6 +21,7 @@
 
     .listing-item {
       align-items: normal;
+
       .card-body {
         display: flex;
         flex-direction: column;

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

@@ -0,0 +1,32 @@
+body.cms-ui {
+  .block-editor-callout_block {
+    .public-ui {
+      .callout {
+        .callout-title {
+          display: flex;
+
+          .icon {
+            max-width: 32px;
+            flex: 1 0 100%;
+          }
+
+          .text {
+            padding-right: calc(10px + 0.7rem);
+            background-color: #fff;
+
+            &:after {
+              z-index: -1;
+            }
+          }
+        }
+
+        p {
+          &,
+          * {
+            font-family: 'Lora', Georgia, serif !important; //as bootstrap-italia says
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -54,17 +54,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 +61,6 @@
 
       line-height: 1.65em;
       text-align: center;
-
-      .DraftEditor-root {
-        .public-DraftEditor-content {
-          text-align: center;
-        }
-
-        .public-DraftEditorPlaceholder-root {
-          width: 100%;
-          text-align: center;
-        }
-      }
     }
   }
 
@@ -115,10 +93,15 @@
       font-size: 1.35rem;
       font-weight: bold;
       line-height: 1.4em;
+
+      margin-bottom: 1rem;
     }
 
     .contact-text {
       font-size: 0.9rem;
+      .detached-slate-editor {
+        margin-bottom: 1rem;
+      }
     }
 
     .contact-info {
@@ -136,9 +119,19 @@
         margin-bottom: 1rem;
       }
 
+      [role='textbox'] {
+        //slate editor
+        width: 100%;
+        &[data-slate-editor='true'] {
+          min-height: 1em;
+        }
+      }
+
       .icon-wrapper {
         margin-top: 0.2rem;
         margin-right: 1rem;
+        display: flex;
+        align-items: center;
       }
 
       .tel {
@@ -154,10 +147,6 @@
         flex: 1 1 auto;
         word-break: break-word;
 
-        .DraftEditor-editorContainer {
-          line-height: 1.48em;
-        }
-
         p {
           line-height: 1.48em;
 
@@ -166,12 +155,6 @@
           }
         }
       }
-
-      .public-DraftStyleDefault-block {
-        &:last-of-type {
-          margin-bottom: 0;
-        }
-      }
     }
   }
 

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

@@ -56,20 +56,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;

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

@@ -57,7 +57,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

@@ -66,17 +66,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 {
@@ -94,17 +83,6 @@
       a {
         color: #fff;
       }
-
-      .DraftEditor-root {
-        .public-DraftEditor-content {
-          text-align: center;
-        }
-
-        .public-DraftEditorPlaceholder-root {
-          width: 100%;
-          text-align: center;
-        }
-      }
     }
   }
 
@@ -197,18 +175,10 @@
       font-weight: bold;
       line-height: 1.8rem;
       text-align: center;
-
-      .public-DraftEditor-content {
-        text-align: center;
-      }
     }
 
     .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

@@ -88,11 +88,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/_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/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/_slider.scss

@@ -9,14 +9,14 @@
   }
 
   .it-single-slide-wrapper {
-    &:focus {
-      border: 1px solid;
-    }
     figure {
       a {
         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/_main.scss

@@ -80,20 +80,25 @@ iframe {
 
 .public-ui,
 .cms-ui {
-  blockquote {
-    position: relative;
-    margin: 1.5rem 2rem;
-    font-family: $font-family-serif;
+  blockquote,
+  .blockquote {
+    display: flow-root; //serve per quando i blockquote sono affiancati alle immagini allineate a dx o sx
+    border-color: $primary !important;
+
+    ul:first-child,
+    ol:first-child {
+      margin-top: 0;
+    }
 
-    &:before {
-      position: absolute;
-      top: -1.8rem;
-      left: -2rem;
-      display: block;
-      height: 0;
-      color: $neutral-2-b2;
-      content: '“';
-      font-size: 400%;
+    ul:last-child,
+    ol:last-child {
+      margin-bottom: 0;
+    }
+
+    &.dark {
+      a {
+        color: $primary-text;
+      }
     }
   }
 
@@ -109,63 +114,46 @@ iframe {
     }
   }
 
-  .callout-bg {
-    padding: 1.25rem;
-    margin: 1.25rem 0;
-    background-color: $primary-c1;
-
-    p,
-    .public-DraftStyleDefault-block {
-      &:last-of-type {
-        margin-bottom: 0;
-      }
-    }
+  .text-larger {
+    //.text-larger: stile applicabile da editor Slate
+    font-size: 1.75em;
   }
+}
 
-  .draftjs-text-smaller {
-    font-size: 0.75em;
-  }
+//slate LINK
+// .inline-link {
+//   margin-left: 0.5rem;
+//   margin-right: 0.5rem;
+// }
 
-  .draftjs-text-larger {
-    font-size: 1.75em;
-  }
+.slate-editor-link {
+  clear: both;
 
-  .draftjs-buttons {
+  &.btn {
+    display: inline-block;
+    padding: 12px 24px;
+    border-radius: $btn-border-radius;
     margin: 0;
-    clear: both;
+    font-weight: 600;
+    text-align: center;
+    text-decoration: none;
 
-    a {
-      display: inline-block;
-      padding: 1em 2em;
-      border-radius: $btn-border-radius;
-      margin: 0.5em 1em 0.5em 0;
+    &:hover,
+    &:active {
+      font-weight: 600;
+    }
+
+    &.btn-primary {
       background-color: $primary;
       color: $primary-text;
-      font-weight: 700;
-      text-align: center;
-      text-decoration: none;
 
       &:hover,
       &:active {
         background-color: darken($primary, 8);
         color: $primary-text;
-        font-weight: 700;
       }
     }
   }
-
-  div[class^='draftJsToolbar__toolbar__'] {
-    line-height: 1rem;
-
-    .icon {
-      font-size: 1rem;
-    }
-
-    .ui.input > input {
-      height: auto;
-      font-size: 0.8rem;
-    }
-  }
 }
 
 #text-body {