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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/.changelog.draft CHANGED
@@ -1,7 +1,12 @@
1
- ## 8.0.0-alpha.24 (2026-04-30)
1
+ ## 8.0.0-alpha.25 (2026-05-06)
2
2
 
3
3
  ### Bugfix
4
4
 
5
- - 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)
5
+ - Fix Footer aligned with content @iRohitSingh [#838](https://github.com/kitconcept/volto-light-theme/pull/838)
6
+ - Fixed a bug that closed the Navigation when scrolling down with the scrollbar. @ TimoBroeskamp
7
+ - Fixed underlined items in the controlpanel and the contents tab. @TimoBroeskamp
8
+ - Upgrade Volto 19a33.
9
+ Upgrade `volto-calendar-block` 1.0.0a9
10
+ https://github.com/plone/volto/releases/tag/19.0.0-alpha.33 @sneridagh
6
11
 
7
12
 
package/CHANGELOG.md CHANGED
@@ -8,6 +8,17 @@
8
8
 
9
9
  <!-- towncrier release notes start -->
10
10
 
11
+ ## 8.0.0-alpha.25 (2026-05-06)
12
+
13
+ ### Bugfix
14
+
15
+ - Fix Footer aligned with content @iRohitSingh [#838](https://github.com/kitconcept/volto-light-theme/pull/838)
16
+ - Fixed a bug that closed the Navigation when scrolling down with the scrollbar. @ TimoBroeskamp
17
+ - Fixed underlined items in the controlpanel and the contents tab. @TimoBroeskamp
18
+ - Upgrade Volto 19a33.
19
+ Upgrade `volto-calendar-block` 1.0.0a9
20
+ https://github.com/plone/volto/releases/tag/19.0.0-alpha.33 @sneridagh
21
+
11
22
  ## 8.0.0-alpha.24 (2026-04-30)
12
23
 
13
24
  ### Bugfix
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kitconcept/volto-light-theme",
3
- "version": "8.0.0-alpha.24",
3
+ "version": "8.0.0-alpha.25",
4
4
  "description": "Volto Light Theme by kitconcept",
5
5
  "main": "src/index.ts",
6
6
  "types": "src/index.ts",
@@ -47,7 +47,7 @@
47
47
  "release-it": "^19.0.3",
48
48
  "typescript": "^5.7.3",
49
49
  "vitest": "^3.1.2",
50
- "@plone/types": "2.0.0-alpha.17"
50
+ "@plone/types": "2.0.0-alpha.18"
51
51
  },
52
52
  "dependencies": {
53
53
  "@dnd-kit/core": "6.0.8",
@@ -59,8 +59,8 @@
59
59
  "react-aria-components": "^1.17.0",
60
60
  "react-colorful": "^5.6.1",
61
61
  "uuid": "^11.0.0",
62
- "@plone/components": "^4.0.0-alpha.7",
63
- "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1"
62
+ "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1",
63
+ "@plone/components": "^4.0.0-alpha.7"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "classnames": "^2.5.1",
@@ -103,10 +103,26 @@ const Navigation = ({ pathname }: NavigationProps) => {
103
103
  setCurrentOpenIndex(null);
104
104
  };
105
105
 
106
+ // this function doesn't close the navigation when clicking the scrollbar
107
+ const doesScrollbarContainClick = (event: MouseEvent): boolean => {
108
+ const clickedVerticalScrollbar =
109
+ event.clientX >= document.documentElement.clientWidth &&
110
+ event.clientX <= window.innerWidth;
111
+
112
+ const clickedHorizontalScrollbar =
113
+ event.clientY >= document.documentElement.clientHeight &&
114
+ event.clientY <= window.innerHeight;
115
+
116
+ return clickedVerticalScrollbar || clickedHorizontalScrollbar;
117
+ };
118
+
106
119
  useEffect(() => {
107
120
  const handleClickOutside = (event: MouseEvent) => {
108
121
  if (navigation.current && doesNodeContainClick(navigation.current, event))
109
122
  return;
123
+ // check if scrollbar is clicked
124
+ if (doesScrollbarContainClick(event)) return;
125
+
110
126
  closeMenu();
111
127
  };
112
128
 
@@ -13,8 +13,8 @@
13
13
  --footer-foreground: var(--primary-foreground-color, #{$black});
14
14
  }
15
15
 
16
- .container:not(> .container) {
17
- padding: 0 1rem;
16
+ .container:not(:has(.container)) {
17
+ padding: 0;
18
18
  }
19
19
 
20
20
  & > :first-child:not(:empty) {
@@ -31,11 +31,14 @@ header .navigation .item {
31
31
  font-family: $page-font;
32
32
  }
33
33
 
34
- .content-area,
35
- .breadcrumbs {
36
- a:not(.card-primary-link, .label) {
37
- color: var(--link-foreground-color, var(--theme-foreground-color));
38
- text-decoration: underline;
34
+ .public-ui,
35
+ .cms-ui.view-editview {
36
+ .content-area,
37
+ .breadcrumbs {
38
+ a:not(.card-primary-link, .label, .item) {
39
+ color: var(--link-foreground-color, var(--theme-foreground-color));
40
+ text-decoration: underline;
41
+ }
39
42
  }
40
43
  }
41
44