design-comuni-plone-theme 11.3.3 → 11.3.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 
 
+## [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

@@ -43,6 +43,9 @@
 
 ## 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.3.4",
   "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-01-31'
 softwareType: standalone/web
-softwareVersion: 11.3.3
+softwareVersion: 11.3.4
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

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

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

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

@@ -13,12 +13,105 @@
     }
   }
 
-  &.left,
-  &.right {
-    margin-bottom: 0;
-  }
-
   .external-link {
     display: none;
   }
+
+  &.align.left,
+  &.align.right {
+    img {
+      margin-bottom: 0.5rem;
+    }
+  }
+}
+
+.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%;