@kitconcept/volto-light-theme 8.0.0-alpha.23 → 8.0.0-alpha.25

package/.changelog.draft

@@ -1,8 +1,12 @@
-## 8.0.0-alpha.23 (2026-04-29)
+## 8.0.0-alpha.25 (2026-05-06)
 
-### Breaking
+### Bugfix
 
-- Upgrade to Volto 19a31.
-  Forces `react-aria-components` from the catalog in Volto so projects using it have to be updated to at least this Volto version. @sneridagh 
+- Fix Footer aligned with content @iRohitSingh [#838](https://github.com/kitconcept/volto-light-theme/pull/838)
+- Fixed a bug that closed the Navigation when scrolling down with the scrollbar. @ TimoBroeskamp 
+- Fixed underlined items in the controlpanel and the contents tab. @TimoBroeskamp 
+- Upgrade Volto 19a33.
+  Upgrade `volto-calendar-block` 1.0.0a9
+  https://github.com/plone/volto/releases/tag/19.0.0-alpha.33 @sneridagh 
 
 

package/CHANGELOG.md

@@ -8,6 +8,23 @@
 
 <!-- towncrier release notes start -->
 
+## 8.0.0-alpha.25 (2026-05-06)
+
+### Bugfix
+
+- Fix Footer aligned with content @iRohitSingh [#838](https://github.com/kitconcept/volto-light-theme/pull/838)
+- Fixed a bug that closed the Navigation when scrolling down with the scrollbar. @ TimoBroeskamp 
+- Fixed underlined items in the controlpanel and the contents tab. @TimoBroeskamp 
+- Upgrade Volto 19a33.
+  Upgrade `volto-calendar-block` 1.0.0a9
+  https://github.com/plone/volto/releases/tag/19.0.0-alpha.33 @sneridagh 
+
+## 8.0.0-alpha.24 (2026-04-30)
+
+### Bugfix
+
+- Remove the padding added by header-wrapper for search-wrapper and center ther search. @Tishasoumya-02 [#846](https://github.com/kitconcept/volto-light-theme/pull/846)
+
 ## 8.0.0-alpha.23 (2026-04-29)
 
 ### Breaking

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "8.0.0-alpha.23",
+  "version": "8.0.0-alpha.25",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -47,7 +47,7 @@
     "release-it": "^19.0.3",
     "typescript": "^5.7.3",
     "vitest": "^3.1.2",
-    "@plone/types": "2.0.0-alpha.17"
+    "@plone/types": "2.0.0-alpha.18"
   },
   "dependencies": {
     "@dnd-kit/core": "6.0.8",

package/src/components/Navigation/Navigation.tsx

@@ -103,10 +103,26 @@ const Navigation = ({ pathname }: NavigationProps) => {
     setCurrentOpenIndex(null);
   };
 
+  // this function doesn't close the navigation when clicking the scrollbar
+  const doesScrollbarContainClick = (event: MouseEvent): boolean => {
+    const clickedVerticalScrollbar =
+      event.clientX >= document.documentElement.clientWidth &&
+      event.clientX <= window.innerWidth;
+
+    const clickedHorizontalScrollbar =
+      event.clientY >= document.documentElement.clientHeight &&
+      event.clientY <= window.innerHeight;
+
+    return clickedVerticalScrollbar || clickedHorizontalScrollbar;
+  };
+
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
       if (navigation.current && doesNodeContainClick(navigation.current, event))
         return;
+      // check if scrollbar is clicked
+      if (doesScrollbarContainClick(event)) return;
+
       closeMenu();
     };
 

package/src/theme/_footer.scss

@@ -13,8 +13,8 @@
     --footer-foreground: var(--primary-foreground-color, #{$black});
   }
 
-  .container:not(> .container) {
-    padding: 0 1rem;
+  .container:not(:has(.container)) {
+    padding: 0;
   }
 
   & > :first-child:not(:empty) {

package/src/theme/_header.scss

@@ -158,6 +158,10 @@
           height 600ms ease-in-out;
         transition-property: top, height;
 
+        @media only screen and (max-width: ($large-monitor-width + 36px)) {
+          left: -1em;
+          width: calc(100% + 2em);
+        }
         &.active {
           top: 0;
           height: 188px;
@@ -184,7 +188,6 @@
               padding-bottom: 0.5rem;
               border-bottom: 2px solid $black;
               border-left: none;
-              margin-left: 12.6rem;
 
               @media only screen and (max-width: $tablet-breakpoint) {
                 padding-top: 2rem;

package/src/theme/_typo-custom.scss

@@ -31,11 +31,14 @@ header .navigation .item {
   font-family: $page-font;
 }
 
-.content-area,
-.breadcrumbs {
-  a:not(.card-primary-link, .label) {
-    color: var(--link-foreground-color, var(--theme-foreground-color));
-    text-decoration: underline;
+.public-ui,
+.cms-ui.view-editview {
+  .content-area,
+  .breadcrumbs {
+    a:not(.card-primary-link, .label, .item) {
+      color: var(--link-foreground-color, var(--theme-foreground-color));
+      text-decoration: underline;
+    }
   }
 }