design-comuni-plone-theme 11.30.1 → 11.30.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 
 
+## [11.30.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.30.1...v11.30.2) (2025-05-07)
+
+
+### Bug Fixes
+
+* full width and center alignment of video block ([#941](https://github.com/RedTurtle/design-comuni-plone-theme/issues/941)) ([aea6b95](https://github.com/RedTurtle/design-comuni-plone-theme/commit/aea6b95079a33445e15068a4b7ea6582b0831221))
+* multiple location condition in query widget ([#943](https://github.com/RedTurtle/design-comuni-plone-theme/issues/943)) ([ecf637b](https://github.com/RedTurtle/design-comuni-plone-theme/commit/ecf637b022de7889f78d5405e7626861bc26ec63))
+* small blocks links image height ([#940](https://github.com/RedTurtle/design-comuni-plone-theme/issues/940)) ([498347a](https://github.com/RedTurtle/design-comuni-plone-theme/commit/498347a637666b87a5e49e1f49dd59545121b79d))
+
+
+### Documentation
+
+* updated publiccode and release log ([d41b9f1](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d41b9f15ca9e71f06bb1067c1eaea56e8633a3e0))
+
 ## [11.30.1](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.30.0...v11.30.1) (2025-04-14)
 
 

package/RELEASE.md

@@ -41,6 +41,13 @@
 - ...
  -->
 
+## Versione 11.30.2 (07/05/2025)
+
+### Fix
+
+- L'altezza delle immagini all'interno del blocco "link solo immagini" è stata aumentata e non ha più un limite massimo. Ora tutte le card avranno la stessa altezza.
+- Sistemati i formati "A pieno schermo" e "Allineamento al centro" del blocco Video, l'immagine in anteprima dava problemi nella visualizzazione di video di Youtube.
+
 ## Versione 11.30.1 (14/04/2025)
 
 ### Fix

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "11.30.1",
+  "version": "11.30.2",
   "main": "src/index.js",
   "repository": {
     "type": "git",
@@ -156,7 +156,7 @@
     "volto-gdpr-privacy": "2.2.12",
     "volto-google-analytics": "2.0.0",
     "volto-multilingual-widget": "3.2.1",
-    "volto-querywidget-with-browser": "0.4.2",
+    "volto-querywidget-with-browser": "0.4.4",
     "volto-rss-block": "3.0.0",
     "volto-secondarymenu": "4.1.1",
     "volto-site-settings": "0.4.4",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2025-04-14'
+releaseDate: '2025-05-07'
 softwareType: standalone/web
-softwareVersion: 11.30.1
+softwareVersion: 11.30.2
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

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

@@ -9,7 +9,7 @@
     position: relative;
     display: flex;
     overflow: hidden;
-    height: 100px;
+    height: 100%;
     align-items: center;
     justify-content: center;
     border: 8px solid $white;

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

@@ -1,46 +1,74 @@
 .block.video {
-  .ui.embed {
-    position: relative;
+  .video-inner {
+    > div {
+      position: relative;
+      overflow: hidden;
+      max-width: 100%;
+      height: 0;
+      padding-bottom: 56.25%;
+
+      .icon-play {
+        position: absolute;
+        z-index: 2;
+        top: 50%;
+        left: 50%;
+        width: 4rem;
+        height: 2.6rem;
+        border-radius: 15px;
+        background-color: rgba(0, 0, 0, 0.7);
+        color: $white;
+        cursor: pointer;
+        line-height: 2.6rem;
+        text-align: center;
+        transform: translateX(-50%) translateY(-50%);
+      }
+    }
+
+    .ui.embed.active {
+      .icon-play,
+      img.placeholder {
+        display: none;
+      }
+    }
 
     img.placeholder {
       position: absolute;
       top: 50%;
       left: 0;
       width: 100%;
+      min-width: 100%;
+      height: unset;
+      min-height: 100%;
+      object-fit: cover;
       transform: translateY(-50%);
     }
+  }
 
-    .icon-play {
-      position: absolute;
-      z-index: 2;
-      top: 50%;
-      left: 50%;
-      width: 4rem;
-      height: 2.6rem;
-      border-radius: 15px;
-      background-color: rgba(0, 0, 0, 0.7);
-      color: $white;
-      cursor: pointer;
-      line-height: 2.6rem;
-      text-align: center;
-      transform: translateX(-50%) translateY(-50%);
+  .ui.embed img.placeholder {
+    cursor: pointer;
+  }
 
-      svg {
-        width: 1.2rem;
-        height: 1.2rem;
-      }
+  &.full {
+    .video-inner.full-width > div {
+      height: 100%;
+      padding-bottom: 0;
+    }
+  }
 
-      &:hover,
-      &:active,
-      &:focus {
-        background-color: $primary;
-        color: $primary-text;
+  @media (max-width: #{map-get($grid-breakpoints, md)}) {
+    &.align.right,
+    &.align.left {
+      .video-inner {
+        width: 100%;
+        margin-right: 0 !important;
+        margin-left: 0 !important;
+        float: unset;
       }
-    }
 
-    &.active {
-      .icon-play {
-        display: none;
+      img {
+        margin-right: 0 !important;
+        margin-left: 0 !important;
+        float: unset;
       }
     }
   }