@kitconcept/volto-light-theme 8.0.0-alpha.24 → 8.0.0-alpha.26

package/.changelog.draft

@@ -1,7 +1,12 @@
-## 8.0.0-alpha.24 (2026-04-30)
+## 8.0.0-alpha.26 (2026-05-12)
 
 ### 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)
+- Fix Mobile layout of social media icons @iRohitSingh [#852](https://github.com/kitconcept/volto-light-theme/pull/852)
+- Fix social media icon color @iRohitSingh [#854](https://github.com/kitconcept/volto-light-theme/pull/854)
+- Fix loading of inherited site customization fields on error views. @davisagli 
+- Fixed not working combinations with the richtext-widget in the text-block and updated line-height of ToC block according to figma. @TimoBroeskamp 
+- Update Volto to 19a36.
+  See https://github.com/plone/volto/releases/tag/19.0.0-alpha.36 @sneridagh 
 
 

package/CHANGELOG.md

@@ -8,6 +8,28 @@
 
 <!-- towncrier release notes start -->
 
+## 8.0.0-alpha.26 (2026-05-12)
+
+### Bugfix
+
+- Fix Mobile layout of social media icons @iRohitSingh [#852](https://github.com/kitconcept/volto-light-theme/pull/852)
+- Fix social media icon color @iRohitSingh [#854](https://github.com/kitconcept/volto-light-theme/pull/854)
+- Fix loading of inherited site customization fields on error views. @davisagli 
+- Fixed not working combinations with the richtext-widget in the text-block and updated line-height of ToC block according to figma. @TimoBroeskamp 
+- Update Volto to 19a36.
+  See https://github.com/plone/volto/releases/tag/19.0.0-alpha.36 @sneridagh 
+
+## 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "8.0.0-alpha.24",
+  "version": "8.0.0-alpha.26",
   "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.19"
   },
   "dependencies": {
     "@dnd-kit/core": "6.0.8",
@@ -59,7 +59,7 @@
     "react-aria-components": "^1.17.0",
     "react-colorful": "^5.6.1",
     "uuid": "^11.0.0",
-    "@plone/components": "^4.0.0-alpha.7",
+    "@plone/components": "^4.0.0-alpha.8",
     "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1"
   },
   "peerDependencies": {

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/helpers/useLiveData.ts

@@ -6,6 +6,7 @@ type FormState = {
   content: {
     data: Content;
   };
+  errorContext: Content;
   form: {
     global: Content;
   };
@@ -16,11 +17,15 @@ export function useLiveData<T>(
   behavior: string | undefined,
   field: string,
 ) {
+  const errorContext = useSelector((state: FormState) => state.errorContext);
+  const context = content ?? errorContext;
+
   const location = useLocation();
   const addMode = location?.pathname?.endsWith('/add');
+
   const current = behavior
-    ? (content?.['@components']?.inherit?.[behavior]?.data?.[field] as T)
-    : (content[field] as T);
+    ? (context?.['@components']?.inherit?.[behavior]?.data?.[field] as T)
+    : (context[field] as T);
 
   const formData = useSelector<FormState, T>(
     (state) => state.form.global?.[field],

package/src/index.ts

@@ -14,6 +14,8 @@ import installWidgets from './config/widgets';
 import installSlots from './config/slots';
 import installSummary from './config/summary';
 
+import reducers from './reducers';
+
 import '@plone/components/dist/basic.css';
 
 import type {
@@ -98,6 +100,11 @@ const applyConfig = (config: ConfigType) => {
 
   config.views.contentTypesViews.Event = EventView;
 
+  config.addonReducers = {
+    ...config.addonReducers,
+    ...reducers,
+  };
+
   return config;
 };
 

package/src/reducers/errorContext.ts

@@ -0,0 +1,14 @@
+import { GET_CONTENT } from '@plone/volto/constants/ActionTypes';
+
+const initialState = {};
+
+export default function errorContext(state = initialState, action: any = {}) {
+  switch (action.type) {
+    case `${GET_CONTENT}_PENDING`:
+      return {};
+    case `${GET_CONTENT}_FAIL`:
+      return action.error.response?.body ?? {};
+    default:
+      return state;
+  }
+}

package/src/reducers/index.ts

@@ -0,0 +1,7 @@
+import errorContext from './errorContext';
+
+const reducers = {
+  errorContext,
+};
+
+export default reducers;

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) {
@@ -236,11 +236,22 @@
         flex-direction: column;
         justify-content: center;
         text-align: center;
+        ul.social-networks {
+          flex-wrap: wrap;
+          gap: 10px;
+          li {
+            margin-right: 0;
+          }
+        }
       }
 
       .footer-links {
         ul {
-          justify-content: center;
+          flex-wrap: wrap;
+          gap: 10px;
+          li {
+            margin-right: 0;
+          }
         }
       }
 
@@ -387,7 +398,8 @@
   .main-footer + .post-footer {
     background-color: var(--primary-color, $white);
     color: var(--primary-foreground-color, $black);
-    --social-network-icon-color-main: var(--primary-foreground-color, $black);
+    --social-network-icon-color-main: #{$black};
+    --social-network-icon-color-hover: #{$black};
   }
 }
 

package/src/theme/_typo-custom.scss

@@ -31,11 +31,16 @@ 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));
+      font: inherit;
+      line-height: inherit;
+      text-decoration: underline;
+    }
   }
 }
 

package/src/theme/blocks/_toc.scss

@@ -1,8 +1,9 @@
 .table-of-contents {
   .ui.bulleted.list {
     li {
+      line-height: 30px;
       a {
-        text-decoration: underline;
+        line-height: inherit;
       }
 
       &::before {