@kitconcept/volto-light-theme 7.0.0-alpha.26 → 7.0.0-alpha.28

package/.changelog.draft

@@ -1,8 +1,8 @@
-## 7.0.0-alpha.26 (2025-09-03)
+## 7.0.0-alpha.28 (2025-09-08)
 
 ### Bugfix
 
-- Fix css for cross button on hover @Tishasoumya-02 
-- Remove arrows and fix the background and text colors for slider simple variant @Tishasoumya-02 
+- Change the icon for eventCalendar block from description to calendar svg. @iFlameing 
+- Fix alignment bug in simple slider variant @Tishasoumya-02 
 
 

package/CHANGELOG.md

@@ -8,6 +8,20 @@
 
 <!-- towncrier release notes start -->
 
+## 7.0.0-alpha.28 (2025-09-08)
+
+### Bugfix
+
+- Change the icon for eventCalendar block from description to calendar svg. @iFlameing 
+- Fix alignment bug in simple slider variant @Tishasoumya-02 
+
+## 7.0.0-alpha.27 (2025-09-04)
+
+### Bugfix
+
+- Fix grid listing pagination for grid columns 3 & 4. @iRohitSingh [#640](https://github.com/kitconcept/volto-light-theme/pull/640)
+- Fixed grid person teaser in edit mode. @sneridagh 
+
 ## 7.0.0-alpha.26 (2025-09-03)
 
 ### Bugfix

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "7.0.0-alpha.26",
+  "version": "7.0.0-alpha.28",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/config/blocks.tsx

@@ -34,6 +34,7 @@ import { searchBlockSchemaEnhancer } from '../components/Blocks/Search/schema';
 import gridSVG from '../icons/block_icn_grid.svg';
 import accordionSVG from '../icons/block_icn_accordion.svg';
 import descriptionSVG from '@plone/volto/icons/description.svg';
+import calendarSVG from '@plone/volto/icons/calendar.svg';
 
 import { tocBlockSchemaEnhancer } from '../components/Blocks/Toc/schema';
 import { mapsBlockSchemaEnhancer } from '../components/Blocks/Maps/schema';
@@ -189,7 +190,7 @@ export default function install(config: ConfigType) {
   config.blocks.blocksConfig.eventCalendar = {
     id: 'eventCalendar',
     title: 'Event Calendar',
-    icon: descriptionSVG,
+    icon: calendarSVG,
     group: 'common',
     view: SearchBlockViewEvent,
     edit: SearchBlockEditEvent,

package/src/theme/blocks/_grid.scss

@@ -212,13 +212,12 @@
   }
   .ui.stackable.stretched.four.column.grid,
   .ui.stackable.stretched.three.column.grid,
+  .ui.stackable.stretched.two.column.grid,
   .four.grid-items,
-  .three.grid-items {
+  .three.grid-items,
+  .two.grid-items {
     .block.listing.summary {
       .listing-item {
-        &:last-child {
-          padding-bottom: 0px !important;
-        }
         .card-inner {
           flex-direction: column;
           .image-wrapper {
@@ -238,15 +237,30 @@
     }
   }
   .ui.stackable.stretched.four.column.grid,
-  .four.grid-items {
-    .block.listing.summary {
-      .pagination-wrapper .ui.pagination.menu .item {
-        padding: 6.5px 10px;
+  .ui.stackable.stretched.three.column.grid,
+  .four.grid-items,
+  .three.grid-items {
+    .block.listing {
+      .listing-item {
+        &:last-child {
+          padding-bottom: 0px !important;
+        }
+      }
+      .pagination-wrapper {
+        .ui.pagination.desktop-pagination.menu {
+          display: none;
+        }
+        .ui.pagination.mobile-pagination.menu {
+          display: table-row;
+        }
+        .ui.pagination.menu .item {
+          padding: 6.5px 7px;
+        }
       }
     }
   }
   .ui.stackable.stretched.two.column.grid {
-    .block.listing.summary {
+    .block.listing {
       .listing-item {
         &:last-child {
           padding-bottom: 0px !important;

package/src/theme/blocks/_slider.scss

@@ -150,11 +150,11 @@ $sliderImagesAspectRatio: var(--slider-images-aspect-ratio, 16/9);
       }
 
       &.has--slider--flagAlign--right {
-        grid-template-areas: 'images content';
+        grid-template-areas: 'content images';
         grid-template-columns: clamp(300px, 40vw, 600px) auto;
       }
       &.has--slider--flagAlign--left {
-        grid-template-areas: 'content images';
+        grid-template-areas: 'images content';
         grid-template-columns: auto clamp(300px, 40vw, 600px);
       }
 

package/src/theme/person.scss

@@ -38,7 +38,8 @@
     }
   }
 
-  .person-teaser & {
+  .person-teaser &,
+  .block-editor-teaser .person-teaser & {
     .card-summary {
       .description {
         margin-bottom: $spacing-small;
@@ -66,7 +67,8 @@
   }
 
   // Teaser in Grid
-  .contained.person-teaser & {
+  .contained.person-teaser &,
+  .contained .person-teaser & {
     // Settings for BRH:
     // --person-image-aspect-ratio: 4 / 5;
     // --person-image-border-radius: 0;
@@ -110,7 +112,8 @@
 }
 
 // One column exception for contained person-teasers
-.one .contained.person-teaser {
+.one .contained.person-teaser,
+.one .contained .person-teaser {
   width: calc(var(--default-container-width) / 2);
 
   .column & {
@@ -118,7 +121,8 @@
   }
 }
 
-.one .column:has(.contained.person-teaser) {
+.one .column:has(.contained.person-teaser),
+.one .column:has(.contained .person-teaser) {
   align-items: center;
 }
 
@@ -136,13 +140,16 @@
 
 // contained person-teasers do not have background color, so we need to set it to --theme-color
 body .block.gridBlock .block.teaser.contained.person-teaser,
-body .block.gridBlock .block.teaser.contained.person-teaser .card-inner {
+body .block.gridBlock .block.teaser.contained.person-teaser .card-inner,
+body .block.gridBlock .contained .person-teaser,
+body .block.gridBlock .contained .person-teaser .card-inner {
   background: var(--theme-color);
 }
 
 // contained person-teasers do not have background color, so we need to remove the padding
 // to snap to the default container width
-.contained.person-teaser {
+.contained.person-teaser,
+.contained .person-teaser {
   .card-summary {
     padding-right: 0px;
     padding-left: 0px;