design-comuni-plone-theme 11.3.3 → 11.4.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 
 
+## [11.4.0](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.3.4...v11.4.0) (2024-02-06)
+
+
+### Features
+
+* added csv icon for files ([#511](https://github.com/redturtle/design-comuni-plone-theme/issues/511)) ([1c2e689](https://github.com/redturtle/design-comuni-plone-theme/commit/1c2e6893de549bb1358db84b8023470901c597ab))
+* enable dynamic footer generation from control panel ([#509](https://github.com/redturtle/design-comuni-plone-theme/issues/509)) ([6d3ed52](https://github.com/redturtle/design-comuni-plone-theme/commit/6d3ed5289ae441333ee65843d51a507490cc992c))
+
+
+### Bug Fixes
+
+* removed extra top spacing from image block in view ([#510](https://github.com/redturtle/design-comuni-plone-theme/issues/510)) ([f6fa6bd](https://github.com/redturtle/design-comuni-plone-theme/commit/f6fa6bd76d007ecf9a9bb484e6d130fac6441139))
+* simple card title changed from h4 to h3 ([#514](https://github.com/redturtle/design-comuni-plone-theme/issues/514)) ([c03f4cd](https://github.com/redturtle/design-comuni-plone-theme/commit/c03f4cd60a0d3b5753c8ce563ea73c26db60f7f0))
+
+
+### Maintenance
+
+* preparing release v11.4.0 ([642e22e](https://github.com/redturtle/design-comuni-plone-theme/commit/642e22e81ec24ebf38629a9badd32b98b4706294))
+
+## [11.3.4](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.3.3...v11.3.4) (2024-01-31)
+
+
+### Bug Fixes
+
+* focus when editing image blocks ([#500](https://github.com/redturtle/design-comuni-plone-theme/issues/500)) ([bdb53b9](https://github.com/redturtle/design-comuni-plone-theme/commit/bdb53b95b89a9f42a88b942434fce8d01cf45af0))
+* set height for DocumentBody images ([#507](https://github.com/redturtle/design-comuni-plone-theme/issues/507)) ([80479ce](https://github.com/redturtle/design-comuni-plone-theme/commit/80479ce919da07bf6147fe2bd3038c875a5ff63f))
+* updated volto-querywidget-with-browser ([#508](https://github.com/redturtle/design-comuni-plone-theme/issues/508)) ([a4285a9](https://github.com/redturtle/design-comuni-plone-theme/commit/a4285a9aef4cb832a17af1c906efb79caf129425))
+
+
+### Documentation
+
+* updated publiccode ([c427aa4](https://github.com/redturtle/design-comuni-plone-theme/commit/c427aa42fed453e60cdd422b4d7f7ac1358834cf))
+
 ## [11.3.3](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.3.2...v11.3.3) (2024-01-30)
 
 

package/RELEASE.md

@@ -41,8 +41,30 @@
 - ...
 -->
 
+## Versione 11.4.0 (06/02/2024)
+
+### Novità
+
+- Aggiunta l'icona per il formato di file CSV
+- Nel pannello di controllo di 'Design plone' è stata aggiunta la possibilità di mostrare o meno il footer autogenerato.
+
+### Fix
+
+- Sistemata la gerarchia per i titoli dentro al blocco semplice
+
+## Versione 11.3.4 (31/01/2024)
+
+### Migliorie
+
+- Migliorata l'esperienza redattore per il blocco Immagine con allineamenti laterali rispetto al corpo del testo nell'editor a blocchi
+- Migliorata la resa e la responsività di alcune immagini nel corpo della pagina per diversi content type
+
 ## Versione 11.3.3 (30/01/2024)
 
+### Migliorie
+
+- Migliorato il focus sulle immagini in edit del blocco Immagine quando queste sono allineate a sinistra o a destra.
+
 ### Fix
 
 - Sistemato il layout del blocco elenco per i Bandi

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.3.3",
+  "version": "11.4.0",
   "main": "src/index.js",
   "keywords": [
     "volto-addon",
@@ -150,7 +150,7 @@
     "volto-gdpr-privacy": "2.1.1",
     "volto-google-analytics": "2.0.0",
     "volto-multilingual-widget": "3.0.0",
-    "volto-querywidget-with-browser": "0.4.0",
+    "volto-querywidget-with-browser": "0.4.1",
     "volto-rss-block": "3.0.0",
     "volto-secondarymenu": "4.0.0",
     "volto-social-settings": "3.0.0",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2024-01-30'
+releaseDate: '2024-02-06'
 softwareType: standalone/web
-softwareVersion: 11.3.3
+softwareVersion: 11.4.0
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/components/ItaliaTheme/Blocks/TextCard/SimpleCard/Block.jsx

@@ -57,7 +57,7 @@ const Block = ({
           <div className={cx('simple-text-card', { 'cms-ui': inEditMode })}>
             {inEditMode ? (
               <>
-                <CardTitle tag="h4">
+                <CardTitle tag="h3" className="h4">
                   <div
                     onClick={() => {
                       setSelectedField('title');
@@ -122,7 +122,7 @@ const Block = ({
               </>
             ) : (
               <>
-                <CardTitle tag="h4" id={block.id + '-title'}>
+                <CardTitle tag="h3" id={block.id + '-title'} className="h4">
                   {title}
                 </CardTitle>
                 <hr />

package/src/components/ItaliaTheme/Footer/FooterNavigation.jsx

@@ -23,6 +23,9 @@ const messages = defineMessages({
 const FooterNavigation = () => {
   const intl = useIntl();
   const items = useSelector((state) => state.navigation.items, isEqual);
+  const show_navigation = useSelector(
+    (state) => state.navigation.show_in_footer,
+  );
 
   // DEPRECATED: isFooterCollapsed to be removed in version 12
   if (config.settings.isFooterCollapsed) {
@@ -32,7 +35,7 @@ const FooterNavigation = () => {
     );
   }
 
-  return (
+  return show_navigation ? (
     <>
       {items && (
         <Row tag="div">
@@ -87,6 +90,8 @@ const FooterNavigation = () => {
         </Row>
       )}
     </>
+  ) : (
+    <></>
   );
 };
 

package/src/components/ItaliaTheme/View/Commons/WideImage.jsx

@@ -31,6 +31,7 @@ const WideImage = ({
             critical
             loading="eager"
             sizes={sizes}
+            responsive={!fullWidth}
           />
         )}
         {caption && (

package/src/customizations/volto/reducers/navigation/navigation.js

@@ -23,6 +23,7 @@ import {
 const initialState = {
   error: null,
   items: [],
+  show_in_footer: false,
   loaded: false,
   loading: false,
 };
@@ -69,6 +70,8 @@ export default function navigation(state = initialState, action = {}) {
         return {
           ...state,
           error: null,
+          show_in_footer:
+            action.result['@components'].navigation.show_in_footer,
           items: getRecursiveItems(
             action.result['@components'].navigation.items,
           ),
@@ -86,6 +89,8 @@ export default function navigation(state = initialState, action = {}) {
         return {
           ...state,
           error: null,
+          show_in_footer:
+            action.result['@components'].navigation.show_in_footer,
           items: getRecursiveItems(action.result.items),
           loaded: true,
           loading: false,
@@ -97,6 +102,7 @@ export default function navigation(state = initialState, action = {}) {
         ...state,
         error: action.error,
         items: [],
+        show_in_footer: false,
         loaded: false,
         loading: false,
       };

package/src/helpers/files.js

@@ -3,6 +3,7 @@ import faFileXsd from 'design-comuni-plone-theme/icons/file-xsd.svg';
 import faFileOdp from 'design-comuni-plone-theme/icons/file-odp.svg';
 import faFileOds from 'design-comuni-plone-theme/icons/file-ods.svg';
 import faFileOdt from 'design-comuni-plone-theme/icons/file-odt.svg';
+import faFileCSV from 'design-comuni-plone-theme/icons/file-csv.svg';
 
 export const FILE_FORMATS = {
   'text/rtf': { icon: { lib: 'far', name: 'file-alt' }, format_name: 'rtf' },
@@ -87,6 +88,10 @@ export const FILE_FORMATS = {
     icon: { lib: '', name: faFileXml, svg_format: true },
     format_name: 'XML',
   },
+  'text/csv': {
+    icon: { lib: '', name: faFileCSV, svg_format: true },
+    format_name: 'CSV',
+  },
   'application/xml': {
     icon: { lib: '', name: faFileXml, svg_format: true },
     format_name: 'XML',

package/src/icons/file-csv.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="385" height="513" viewBox="0 0 385 513"><defs><clipPath id="a"><path d="M0 0h385v513H0z"/></clipPath></defs><g clip-path="url(#a)"><path d="M369.9 98 286 14.1A48 48 0 0 0 252.1 0H48A48.16 48.16 0 0 0 0 48.1v416a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V132a48.23 48.23 0 0 0-14.1-34Zm-37.8 30.1H256V52ZM48 464.1v-416h160v104a23.94 23.94 0 0 0 24 24h104v288Z"/><g data-name="Raggruppa 1"><path data-name="Tracciato 10" d="M114.943 336.804c-7.632 0-12.04 4.286-12.04 13.384v35.463c0 9.1 4.408 13.384 12.131 13.384 10.706 0 11.373-8.168 11.777-13.384.4-4.953 4.953-6.288 10.3-6.288 7.228 0 10.574 1.87 10.574 9.9 0 17.8-14.456 27.972-33.582 27.972-17.539 0-32.117-8.562-32.117-31.581v-35.465c0-23.018 14.577-31.581 32.117-31.581 19.126 0 33.582 9.634 33.582 26.627 0 8.037-3.346 9.907-10.433 9.907-5.621 0-10.17-1.476-10.443-6.288-.12-3.477-.494-12.05-11.866-12.05Z"/><path data-name="Tracciato 11" d="M198.464 390.241c0-16.175-42.458-13.384-42.458-44.692 0-20.077 17.529-27.7 34.25-27.7 7.076 0 26.627 1.334 26.627 11.777 0 3.609-2.406 10.968-8.289 10.968-4.822 0-7.359-5.055-18.338-5.055-9.5 0-13.384 3.882-13.384 8.027 0 13.384 42.458 10.847 42.458 44.561 0 19.268-14.052 29.711-33.461 29.711-17.529 0-32.248-8.562-32.248-17.4 0-4.549 4.044-11.241 9.1-11.241 6.3 0 10.311 9.907 22.756 9.907 6.143-.068 12.987-2.484 12.987-8.863Z"/><path data-name="Tracciato 12" d="M225.536 329.253a6.5 6.5 0 0 1-.273-1.476c0-4.943 7.632-8.562 13.384-8.562 3.346 0 6.065 1.072 6.824 3.882l18.732 68.651 18.6-68.631c.8-2.81 3.478-3.882 6.824-3.882 5.752 0 13.384 3.619 13.384 8.562a6.5 6.5 0 0 1-.273 1.476l-24.929 81.611c-1.466 4.681-7.491 6.955-13.647 6.955s-12.131-2.275-13.647-6.955Z"/></g></g></svg>

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

@@ -13,12 +13,107 @@
     }
   }
 
-  &.left,
-  &.right {
+  .external-link {
+    display: none;
+  }
+
+  &.align.left,
+  &.align.right {
     margin-bottom: 0;
+
+    img {
+      margin-bottom: 0.5rem;
+    }
   }
+}
 
-  .external-link {
-    display: none;
+.cms-ui {
+  .block.image:has(.align.left),
+  .block.image:has(.align.right) {
+    img.small,
+    img.medium,
+    img.large {
+      max-width: 100%;
+    }
+  }
+
+  .block-editor-image {
+    &.right,
+    &.left {
+      .ui.drag.block.image {
+        z-index: 99;
+        max-width: 50%;
+        margin-top: 0.2rem;
+        margin-bottom: 0.3rem;
+
+        .block.image,
+        .block.image img {
+          margin-bottom: 0;
+        }
+      }
+
+      &:has(img.small) {
+        .ui.drag.block.image {
+          max-width: 15%;
+        }
+      }
+
+      &:has(img.medium) {
+        .ui.drag.block.image {
+          max-width: 25%;
+        }
+      }
+
+      &:has(img.large) {
+        .ui.drag.block.image {
+          max-width: 50%;
+        }
+      }
+    }
+
+    /* Image right */
+    &.right {
+      .block.image {
+        float: right;
+      }
+
+      .ui.drag.block.image {
+        margin-left: 1rem;
+      }
+
+      .drag.handle.wrapper {
+        left: 50%;
+      }
+
+      /* Drag and drop icon position */
+      &:has(img.large) {
+        .drag.handle.wrapper {
+          left: 50%;
+        }
+      }
+
+      &:has(img.medium) {
+        .drag.handle.wrapper {
+          left: 75%;
+        }
+      }
+
+      &:has(img.small) {
+        .drag.handle.wrapper {
+          left: 85%;
+        }
+      }
+    }
+
+    /* Image left */
+    &.left {
+      .block.image {
+        float: left;
+      }
+
+      .ui.drag.block.image {
+        margin-right: 1.7rem;
+      }
+    }
   }
 }

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

@@ -269,12 +269,6 @@ div.sticky-wrapper {
   }
 }
 
-.wide-image:not(.row-full-width) {
-  img {
-    max-width: 100%;
-  }
-}
-
 .content-image {
   figure {
     width: 100%;