@kitconcept/volto-light-theme 7.0.0-alpha.21 → 7.0.0-alpha.22

package/.changelog.draft

@@ -1,7 +1,11 @@
-## 7.0.0-alpha.21 (2025-07-31)
+## 7.0.0-alpha.22 (2025-08-15)
+
+### Feature
+
+- Add styles for RSS block (note: full functionality requires RSS addon and templates available in kitconcept.intranet). @danalvrz 
 
 ### Internal
 
-- Revert the new slider variation. @iFlameing [#623](https://github.com/kitconcept/volto-light-theme/pull/623)
+- Fix Logos SVG size issue. @Tishasoumya-02 
 
 

package/CHANGELOG.md

@@ -8,6 +8,16 @@
 
 <!-- towncrier release notes start -->
 
+## 7.0.0-alpha.22 (2025-08-15)
+
+### Feature
+
+- Add styles for RSS block (note: full functionality requires RSS addon and templates available in kitconcept.intranet). @danalvrz 
+
+### Internal
+
+- Fix Logos SVG size issue. @Tishasoumya-02 
+
 ## 7.0.0-alpha.21 (2025-07-31)
 
 ### Internal

package/package.json

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

package/src/components/LogosContainer/LogosContainer.tsx

@@ -56,11 +56,16 @@ const LogosContainer = (props: LogosContainerProps) => {
                   {/* @ts-ignore */}
                   <ConditionalLink
                     condition={logoInfo.href}
+                    className="logo-link"
                     to={logoInfo.href}
                     title={logoInfo.hrefTitle || logoInfo.srcAlt}
                     openLinkInNewTab={logo.openInNewTab}
                   >
-                    <img src={logoInfo.src} alt={logoInfo.srcAlt} />
+                    <img
+                      className="logo-image"
+                      src={logoInfo.src}
+                      alt={logoInfo.srcAlt}
+                    />
                   </ConditionalLink>
                 </li>
               );

package/src/theme/_bgcolor-blocks-layout.scss

@@ -490,7 +490,8 @@
 
     // Listing
     &.listing,
-    &.search {
+    &.search,
+    &.rssBlock {
       h2.headline {
         color: var(--theme-foreground-color);
       }
@@ -530,7 +531,8 @@
       /* I have removed the .card-container className that's why I have to write this css
        * I will remove all the .card-container className from repo.
       */
-      &.grid .card {
+      &.grid .card,
+      & .grid-variation .card {
         background-color: var(--theme-high-contrast-color);
 
         .content,

package/src/theme/_footer.scss

@@ -355,17 +355,39 @@ ul.logos-container {
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   list-style: none;
 
+  .logo-image {
+    display: block;
+    width: 100%;
+    height: auto;
+    object-fit: contain !important;
+    //using !important because in layout.scss it targets img , so to override it for logo-image, class specificity did'nt work
+  }
+
+  .logo-link {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
   &.s {
-    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    .logo-link,
+    .logo-image {
+      max-width: min(100%, 175px);
+      max-height: 120px;
+    }
   }
 
-  &.l img {
-    max-width: min(100%, 240px);
-    max-height: 165px;
+  &.l {
+    .logo-link,
+    .logo-image {
+      max-width: min(100%, 240px);
+      max-height: 165px;
+    }
   }
 
-  &.s img {
-    max-width: min(100%, 175px);
-    max-height: 120px;
+  .item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 }

package/src/theme/_layout.scss

@@ -239,6 +239,7 @@ External link removal for all the blocks.
   & > .block.listing .image-gallery,
   & > .block.listing.grid,
   & > .block.search.grid,
+  & > .block.rssBlock,
   & > .block.search .searchBlock-container,
   &> .block.eventsearch .search-block-event,
   & > .block h2.headline,
@@ -361,6 +362,7 @@ External link removal for all the blocks.
   .block.heading .heading-wrapper,
   .block-editor-listing .items,
   .block-editor-listing .listing.message,
+  .block-editor-rssBlock .items,
   .block-editor-search .searchBlock-container,
   .block-editor-eventsearch .search-block-event,
   .block.teaser.has--align--center,

package/src/theme/blocks/_listing.scss

@@ -12,7 +12,9 @@
 .block.listing,
 .column > .block.listing,
 .block.search,
-.block-editor-search {
+.block-editor-search,
+.block.rssBlock,
+.block-editor-rssBlock {
   &.next--has--same--backgroundColor.next--is--same--block-type,
   &.next--is--__button {
     .listing-item:last-child {
@@ -58,7 +60,8 @@
   }
 
   // Default variation
-  &.default {
+  &.default,
+  & .default-variation {
     .headline {
       @include block-title();
     }
@@ -90,7 +93,8 @@
   }
 
   // Summary variation
-  &.summary {
+  &.summary,
+  & .summary-variation {
     .listing-item {
       padding-top: 0 !important;
 
@@ -134,7 +138,8 @@
   }
 
   // Grid variation
-  &.grid {
+  &.grid,
+  & .grid-variation {
     &.next--has--same--backgroundColor.next--is--same--block-type,
     &.next--is--__button {
       .listing-item:last-child {
@@ -427,8 +432,11 @@
 }
 
 #page-add .block-editor-listing,
-#page-edit .block-editor-listing {
-  .block.listing {
+#page-edit .block-editor-listing,
+#page-add .block-editor-rssBlock,
+#page-edit .block-editor-rssBlock {
+  .block.listing,
+  .block.rssBlock {
     margin-top: 0;
     .items {
       margin-right: auto;

package/src/theme/blocks/_rss.scss

@@ -0,0 +1,17 @@
+.block.rssBlock {
+  .card {
+    width: 100%;
+    a.external::after {
+      position: absolute !important;
+      top: $spacing-small;
+      right: 0;
+    }
+  }
+  .grid-variation {
+    .card a.external::after {
+      top: unset;
+      right: 1rem;
+      bottom: 1rem;
+    }
+  }
+}

package/src/theme/main.scss

@@ -34,6 +34,7 @@
 @import 'blocks/maps';
 @import 'blocks-chooser';
 @import 'blocks/eventMetadata';
+@import 'blocks/rss';
 @import 'blocks/eventSearch';
 @import 'sticky-menu';
 @import 'card';