@kitconcept/volto-light-theme 3.2.0 → 3.3.0
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 +4 -3
- package/.release-it.json +5 -1
- package/CHANGELOG.md +585 -0
- package/README.md +364 -0
- package/package.json +1 -1
- package/src/index.js +2 -0
- package/src/theme/_content.scss +0 -1
- package/src/theme/_variables.scss +3 -3
package/.changelog.draft
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
## 3.
|
|
1
|
+
## 3.3.0 (2024-04-26)
|
|
2
2
|
|
|
3
3
|
### Feature
|
|
4
4
|
|
|
5
|
-
-
|
|
5
|
+
- Make font-weights, font-sizes and font-heights overrideable adding the `!default` thingy @erral [#371](https://github.com/kitconcept/volto-light-theme/pull/371)
|
|
6
6
|
|
|
7
7
|
### Bugfix
|
|
8
8
|
|
|
9
|
-
-
|
|
9
|
+
- Fix event title margin bottom. @iFlameing [#357](https://github.com/kitconcept/volto-light-theme/pull/357)
|
|
10
|
+
- Fix Image block in grid is not working @iRohitSingh [#376](https://github.com/kitconcept/volto-light-theme/pull/376)
|
|
10
11
|
|
|
11
12
|
|
package/.release-it.json
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"hooks": {
|
|
3
|
-
"after:bump":
|
|
3
|
+
"after:bump": [
|
|
4
|
+
"pipx run towncrier build --draft --yes --version ${version} > .changelog.draft",
|
|
5
|
+
"pipx run towncrier build --yes --version ${version}",
|
|
6
|
+
"cp ../../README.md ./ && cp CHANGELOG.md ../../CHANGELOG.md"
|
|
7
|
+
],
|
|
4
8
|
"after:release": "rm .changelog.draft"
|
|
5
9
|
},
|
|
6
10
|
"git": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
# kitconcept's volto-light-theme Release Notes
|
|
2
|
+
|
|
3
|
+
<!-- You should *NOT* be adding new change log entries to this file.
|
|
4
|
+
You should create a file in the news directory instead.
|
|
5
|
+
For helpful instructions, please see:
|
|
6
|
+
https://6.docs.plone.org/contributing/index.html?highlight=towncrier#change-log-entry
|
|
7
|
+
-->
|
|
8
|
+
|
|
9
|
+
<!-- towncrier release notes start -->
|
|
10
|
+
|
|
11
|
+
## 3.3.0 (2024-04-26)
|
|
12
|
+
|
|
13
|
+
### Feature
|
|
14
|
+
|
|
15
|
+
- Make font-weights, font-sizes and font-heights overrideable adding the `!default` thingy @erral [#371](https://github.com/kitconcept/volto-light-theme/pull/371)
|
|
16
|
+
|
|
17
|
+
### Bugfix
|
|
18
|
+
|
|
19
|
+
- Fix event title margin bottom. @iFlameing [#357](https://github.com/kitconcept/volto-light-theme/pull/357)
|
|
20
|
+
- Fix Image block in grid is not working @iRohitSingh [#376](https://github.com/kitconcept/volto-light-theme/pull/376)
|
|
21
|
+
|
|
1
22
|
## 3.2.0 (2024-03-25)
|
|
2
23
|
|
|
3
24
|
### Feature
|
|
@@ -7,3 +28,567 @@
|
|
|
7
28
|
### Bugfix
|
|
8
29
|
|
|
9
30
|
- Revert breaking change introduced in #346 @sneridagh [#373](https://github.com/kitconcept/volto-light-theme/pull/373)
|
|
31
|
+
|
|
32
|
+
## 3.1.2 (2024-03-18)
|
|
33
|
+
|
|
34
|
+
### Internal
|
|
35
|
+
|
|
36
|
+
- Remove @plone/volto peerDepencency @sneridagh [#364](https://github.com/kitconcept/volto-light-theme/pull/364)
|
|
37
|
+
- Add types declarations to make TS happy @sneridagh [#367](https://github.com/kitconcept/volto-light-theme/pull/367)
|
|
38
|
+
|
|
39
|
+
## 3.1.1 (2024-03-08)
|
|
40
|
+
|
|
41
|
+
### Bugfix
|
|
42
|
+
|
|
43
|
+
- Fix typo in container deprecation notice @sneridagh [#362](https://github.com/kitconcept/volto-light-theme/pull/362)
|
|
44
|
+
|
|
45
|
+
## 3.1.0 (2024-03-08)
|
|
46
|
+
|
|
47
|
+
### Feature
|
|
48
|
+
|
|
49
|
+
- [Vertical Spacing] Reduce spacing between title and description in teaser block @iFlameing [#353](https://github.com/kitconcept/volto-light-theme/pull/353)
|
|
50
|
+
- Add eu and es translations @erral [#358](https://github.com/kitconcept/volto-light-theme/pull/358)
|
|
51
|
+
|
|
52
|
+
### Bugfix
|
|
53
|
+
|
|
54
|
+
- Fix header tabbing order @iRohitSingh [#251](https://github.com/kitconcept/volto-light-theme/pull/251)
|
|
55
|
+
- Fix show figcaption tag if ther is no caption @iRohitSingh [#350](https://github.com/kitconcept/volto-light-theme/pull/350)
|
|
56
|
+
- Safer pass by value instead of by reference when modifying internal `blockConfig` data @sneridagh [#361](https://github.com/kitconcept/volto-light-theme/pull/361)
|
|
57
|
+
|
|
58
|
+
### Internal
|
|
59
|
+
|
|
60
|
+
- @plone/components as dependency
|
|
61
|
+
Use the `Container` component from @plone/components instead of the local one.
|
|
62
|
+
The one in `src/components/Atoms/Container/Container.jsx` is deprecated and will be removed in the next major release. @sneridagh [#360](https://github.com/kitconcept/volto-light-theme/pull/360)
|
|
63
|
+
|
|
64
|
+
## 3.0.1 (2024-03-04)
|
|
65
|
+
|
|
66
|
+
### Bugfix
|
|
67
|
+
|
|
68
|
+
- Fix image gallery opacity. @robgietema [#347](https://github.com/kitconcept/volto-light-theme/pull/347)
|
|
69
|
+
- Fix teaser styles on add view. @davisagli [#354](https://github.com/kitconcept/volto-light-theme/pull/354)
|
|
70
|
+
|
|
71
|
+
### Internal
|
|
72
|
+
|
|
73
|
+
- Update to Volto 17.15.1 @sneridagh [#348](https://github.com/kitconcept/volto-light-theme/pull/348)
|
|
74
|
+
|
|
75
|
+
## 3.0.0 (2024-02-14)
|
|
76
|
+
|
|
77
|
+
### Feature
|
|
78
|
+
|
|
79
|
+
- Add options to show intranet label and implement intranet header for intranet sites. @iFlameing [#304](https://github.com/kitconcept/volto-light-theme/pull/304)
|
|
80
|
+
- Add Event Metadata block @iRohitSingh [#334](https://github.com/kitconcept/volto-light-theme/pull/334)
|
|
81
|
+
|
|
82
|
+
### Bugfix
|
|
83
|
+
|
|
84
|
+
- Fix Navigation fails html validator due to use of divs inside ul tag @iRohitSingh [#289](https://github.com/kitconcept/volto-light-theme/pull/289)
|
|
85
|
+
- Fixed the Caption for Images, Video Blocks etc. to use semantically correct HTML Structure @Molochem [#341](https://github.com/kitconcept/volto-light-theme/pull/341)
|
|
86
|
+
- Fix missing key in `Header` component @sneridagh [#345](https://github.com/kitconcept/volto-light-theme/pull/345)
|
|
87
|
+
|
|
88
|
+
### Internal
|
|
89
|
+
|
|
90
|
+
- Support for enhanced initial blocks in config - Update to Volto 17.12.1 @sneridagh [#342](https://github.com/kitconcept/volto-light-theme/pull/342)
|
|
91
|
+
|
|
92
|
+
## 3.0.0-alpha.3 (2024-02-02)
|
|
93
|
+
|
|
94
|
+
### Feature
|
|
95
|
+
|
|
96
|
+
- Allow customizing the secondary navigation entries via Portal action. @iFlameing [#302](https://github.com/kitconcept/volto-light-theme/pull/302)
|
|
97
|
+
|
|
98
|
+
### Bugfix
|
|
99
|
+
|
|
100
|
+
- Fix Fat menu A11y issues @iRohitSingh [#264](https://github.com/kitconcept/volto-light-theme/pull/264)
|
|
101
|
+
- Fix Introduction-Block inline-styles have wrong typography. @iFlameing [#314](https://github.com/kitconcept/volto-light-theme/pull/314)
|
|
102
|
+
- Remove extra site-map from header @iRohitSingh [#339](https://github.com/kitconcept/volto-light-theme/pull/339)
|
|
103
|
+
|
|
104
|
+
### Internal
|
|
105
|
+
|
|
106
|
+
- Upgrade to Volto 17.11.2 and Plone 6.0.9 @sneridagh [#328](https://github.com/kitconcept/volto-light-theme/pull/328)
|
|
107
|
+
- Upgrade to Votlo 17.11.5 and Plone 6.0.9 @sneridagh [#331](https://github.com/kitconcept/volto-light-theme/pull/331)
|
|
108
|
+
|
|
109
|
+
## 3.0.0-alpha.2 (2024-01-17)
|
|
110
|
+
|
|
111
|
+
### Breaking
|
|
112
|
+
|
|
113
|
+
- Color background go to full-width now instead of snapping to 1440. @sneridagh
|
|
114
|
+
See decision in https://github.com/kitconcept/volto-light-theme/issues/323 [#323](https://github.com/kitconcept/volto-light-theme/pull/323)
|
|
115
|
+
|
|
116
|
+
### Bugfix
|
|
117
|
+
|
|
118
|
+
- Fix Responsive breakpoints have gaps for navigation @iRohitSingh [#265](https://github.com/kitconcept/volto-light-theme/pull/265)
|
|
119
|
+
- Replaced static values of spacing mixins with variables @ichim-david [#286](https://github.com/kitconcept/volto-light-theme/pull/286)
|
|
120
|
+
- Fix paragraph in edit mode is not reflected in view mode of Introduction
|
|
121
|
+
Block @iRohitSingh [#324](https://github.com/kitconcept/volto-light-theme/pull/324)
|
|
122
|
+
- Increase BlocksChooser index higher than the sidebar one. @sneridagh [#327](https://github.com/kitconcept/volto-light-theme/pull/327)
|
|
123
|
+
|
|
124
|
+
### Internal
|
|
125
|
+
|
|
126
|
+
- Add Search icon is missing on tablet & mobile screen sizes @iRohitSingh [#266](https://github.com/kitconcept/volto-light-theme/pull/266)
|
|
127
|
+
|
|
128
|
+
## 3.0.0-alpha.1 (2024-01-02)
|
|
129
|
+
|
|
130
|
+
### Breaking
|
|
131
|
+
|
|
132
|
+
- Change the Language Selector to only display the first 2 Characters of each Language @Molochem [#321](https://github.com/kitconcept/volto-light-theme/pull/321)
|
|
133
|
+
|
|
134
|
+
### Feature
|
|
135
|
+
|
|
136
|
+
- Added a11y tests infrastructure @sneridagh [#300](https://github.com/kitconcept/volto-light-theme/pull/300)
|
|
137
|
+
|
|
138
|
+
### Bugfix
|
|
139
|
+
|
|
140
|
+
- Fix wrong styling for all the groups by background in view mode @sneridagh
|
|
141
|
+
Added style support for Image block @sneridagh
|
|
142
|
+
Added style support for Listing block @sneridagh [#322](https://github.com/kitconcept/volto-light-theme/pull/322)
|
|
143
|
+
|
|
144
|
+
## 3.0.0-alpha.0 (2023-12-27)
|
|
145
|
+
|
|
146
|
+
### Breaking
|
|
147
|
+
|
|
148
|
+
- Upgraded the dependency on `@kitconcept/volto-slider-block` to use `6.0.0`.
|
|
149
|
+
|
|
150
|
+
This is a drop-in replacement, so no action is required for the existing slider blocks you may have already in your sites.
|
|
151
|
+
However, the CSS classes of the structural slider block elements changed in this version.
|
|
152
|
+
The inner (visible objects) CSS classes remain unchanged.
|
|
153
|
+
If you have customized them in your project, you may have to update them, although the structural class names are rarely customized aside from vertical spacing properties.
|
|
154
|
+
They are mapped 1:1 with the previous ones, following this table correspondence:
|
|
155
|
+
|
|
156
|
+
| Old className | New className |
|
|
157
|
+
| --------------- | ---------------- |
|
|
158
|
+
| slick-slider | slider-wrapper |
|
|
159
|
+
| slick-list | slider-viewport |
|
|
160
|
+
| slick-track | slider-container |
|
|
161
|
+
| slick-slide | slider-slide |
|
|
162
|
+
| slick-arrow | slider-button |
|
|
163
|
+
| slick-prev | slider-button-prev |
|
|
164
|
+
| slick-next | slider-slide-next |
|
|
165
|
+
| slick-next | slider-slide-next |
|
|
166
|
+
| slick-dots | slider-dots |
|
|
167
|
+
| slick-dot | slider-dot |
|
|
168
|
+
|
|
169
|
+
For more information, please check the https://github.com/kitconcept/volto-slider-block/blob/main/README.md [#288](https://github.com/kitconcept/volto-light-theme/pull/288)
|
|
170
|
+
|
|
171
|
+
### Bugfix
|
|
172
|
+
|
|
173
|
+
- Fix showing up uploaded logo from site controlpanel. @iFlameing [#291](https://github.com/kitconcept/volto-light-theme/pull/291)
|
|
174
|
+
- Un-pin `eslint-plugin-jsx-a11y` version @sneridagh [#299](https://github.com/kitconcept/volto-light-theme/pull/299)
|
|
175
|
+
- Fix Blocks chooser styling @iRohitSingh [#307](https://github.com/kitconcept/volto-light-theme/pull/307)
|
|
176
|
+
- Remove id selector from listings because of css specificity @steffenri [#309](https://github.com/kitconcept/volto-light-theme/pull/309)
|
|
177
|
+
- Fix margins of h1 in sitemap view @steffenri [#312](https://github.com/kitconcept/volto-light-theme/pull/312)
|
|
178
|
+
- Fix homepage link for all language codes (#298) @steffenri [#313](https://github.com/kitconcept/volto-light-theme/pull/313)
|
|
179
|
+
|
|
180
|
+
### Internal
|
|
181
|
+
|
|
182
|
+
- Upgrade slider to 6.1.0 @sneridagh [#316](https://github.com/kitconcept/volto-light-theme/pull/316)
|
|
183
|
+
|
|
184
|
+
## 2.1.0 (2023-12-13)
|
|
185
|
+
|
|
186
|
+
### Feature
|
|
187
|
+
|
|
188
|
+
- Added Image Gallery Listing Metadata @robgietema [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
|
|
189
|
+
- Add Brazilian Portuguese translation [@ericof] [#294](https://github.com/kitconcept/volto-light-theme/pull/294)
|
|
190
|
+
|
|
191
|
+
### Bugfix
|
|
192
|
+
|
|
193
|
+
- Also clean up Navigation PropTypes @fredvd [#272b](https://github.com/kitconcept/volto-light-theme/pull/272b)
|
|
194
|
+
- Fix css of External link icon indicator @iRohitSingh [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
|
|
195
|
+
- Fix css of Sitemap @iRohitSingh [#209](https://github.com/kitconcept/volto-light-theme/pull/209)
|
|
196
|
+
- Fixed css errors in the header and image scss files @ichim-david
|
|
197
|
+
All the mobile menu items are now links @ichim-david
|
|
198
|
+
Close buttons are now tabbable @ichim-david
|
|
199
|
+
Close menu when hitting the escape key @ichim-david [#264](https://github.com/kitconcept/volto-light-theme/pull/264)
|
|
200
|
+
- Use only one set of values for container widths which can be modified from variables @ichim-david [#265](https://github.com/kitconcept/volto-light-theme/pull/265)
|
|
201
|
+
- Update contentMetadataTagsImageField settings to use preview_image field. @iRohitSingh [#274](https://github.com/kitconcept/volto-light-theme/pull/274)
|
|
202
|
+
- Removed the "overview" React Message from Fat Menu @Molochem [#276](https://github.com/kitconcept/volto-light-theme/pull/276)
|
|
203
|
+
- Moved custom font loading to a separate fonts.scss @ichim-david
|
|
204
|
+
Added variable definitions for loading the cms font instead of hard-coding to Metropolis @ichim-david [#279](https://github.com/kitconcept/volto-light-theme/pull/279)
|
|
205
|
+
- Minor style fixes for hamburger menu icon @danalvrz [#281](https://github.com/kitconcept/volto-light-theme/pull/281)
|
|
206
|
+
- Don't force aspect ratio for the Image content type view @iRohitSingh [#293](https://github.com/kitconcept/volto-light-theme/pull/293)
|
|
207
|
+
|
|
208
|
+
### Internal
|
|
209
|
+
|
|
210
|
+
- Run CI workflows for external PRs. @davisagli [#271](https://github.com/kitconcept/volto-light-theme/pull/271)
|
|
211
|
+
- Remove old code from navigation component @steffenri [#272](https://github.com/kitconcept/volto-light-theme/pull/272)
|
|
212
|
+
- Remove Hero Block @iRohitSingh [#278](https://github.com/kitconcept/volto-light-theme/pull/278)
|
|
213
|
+
|
|
214
|
+
## 2.0.0 (2023-11-16)
|
|
215
|
+
|
|
216
|
+
### Breaking
|
|
217
|
+
|
|
218
|
+
- Added fat menu and mobile menu. @iFlameing
|
|
219
|
+
Since 2.0.0, the light theme has a fat menu (below the main site sections) triggered clickin on one of them.
|
|
220
|
+
It's behind a feature flag, as opt-out:
|
|
221
|
+
|
|
222
|
+
```js
|
|
223
|
+
config.settings.enableFatMenu = true;
|
|
224
|
+
``` [#86](https://github.com/kitconcept/volto-light-theme/pull/86)
|
|
225
|
+
|
|
226
|
+
### Feature
|
|
227
|
+
|
|
228
|
+
- Added Focus and Hover Attributes to UI Buttons @Molochem [#260](https://github.com/kitconcept/volto-light-theme/pull/260)
|
|
229
|
+
|
|
230
|
+
### Bugfix
|
|
231
|
+
|
|
232
|
+
- Fix max height for full width map iframe @danalvrz [#257](https://github.com/kitconcept/volto-light-theme/pull/257)
|
|
233
|
+
- Fix header alignment of the sections @sneridagh [#261](https://github.com/kitconcept/volto-light-theme/pull/261)
|
|
234
|
+
|
|
235
|
+
### Internal
|
|
236
|
+
|
|
237
|
+
- Update to latest Plone and Volto @sneridagh
|
|
238
|
+
Pin `volto-slider-block` to 5.1.1 [#262](https://github.com/kitconcept/volto-light-theme/pull/262)
|
|
239
|
+
|
|
240
|
+
## 1.0.1 (2023-10-18)
|
|
241
|
+
|
|
242
|
+
### Bugfix
|
|
243
|
+
|
|
244
|
+
- Small CSS adjustments @sneridagh [#249](https://github.com/kitconcept/volto-light-theme/pull/249)
|
|
245
|
+
|
|
246
|
+
### Internal
|
|
247
|
+
|
|
248
|
+
- Update to Volto 17 final @sneridagh [#246](https://github.com/kitconcept/volto-light-theme/pull/246)
|
|
249
|
+
- Bump Volto version @sneridagh [#249](https://github.com/kitconcept/volto-light-theme/pull/249)
|
|
250
|
+
|
|
251
|
+
|
|
252
|
+
## 1.0.0 (2023-09-29)
|
|
253
|
+
|
|
254
|
+
### Feature
|
|
255
|
+
|
|
256
|
+
- Update to use the proper linter versions and correct violations @sneridagh [#245](https://github.com/kitconcept/volto-light-theme/pull/245)
|
|
257
|
+
|
|
258
|
+
### Bugfix
|
|
259
|
+
|
|
260
|
+
- Upgrade highlight to 3.0.0 and downgrade Plone to 6.0.6 @sneridagh [#244](https://github.com/kitconcept/volto-light-theme/pull/244)
|
|
261
|
+
|
|
262
|
+
|
|
263
|
+
## 1.0.0-rc.20 (2023-09-28)
|
|
264
|
+
|
|
265
|
+
### Feature
|
|
266
|
+
|
|
267
|
+
- Add volto-highlight-block @sneridagh [#243](https://github.com/kitconcept/volto-light-theme/pull/243)
|
|
268
|
+
|
|
269
|
+
|
|
270
|
+
## 1.0.0-rc.19 (2023-09-28)
|
|
271
|
+
|
|
272
|
+
### Bugfix
|
|
273
|
+
|
|
274
|
+
- Remove too large margins on listing blocks @steffenri [#239](https://github.com/kitconcept/volto-light-theme/pull/239)
|
|
275
|
+
- Fix font sizes of one element in grids for edit mode @sneridagh [#241](https://github.com/kitconcept/volto-light-theme/pull/241)
|
|
276
|
+
- Update to latest accordion-block, some fixes @sneridagh [#242](https://github.com/kitconcept/volto-light-theme/pull/242)
|
|
277
|
+
|
|
278
|
+
|
|
279
|
+
## 1.0.0-rc.18 (2023-09-25)
|
|
280
|
+
|
|
281
|
+
### Feature
|
|
282
|
+
|
|
283
|
+
- Add button and flagAlign in slider block @iRohitSingh [#37](https://github.com/kitconcept/volto-light-theme/pull/37)
|
|
284
|
+
- Upgrade to Volto 17a27 @sneridagh [#232](https://github.com/kitconcept/volto-light-theme/pull/232)
|
|
285
|
+
- Add kitconcept branding @sneridagh
|
|
286
|
+
Add link to GitHub repo @sneridagh [#233](https://github.com/kitconcept/volto-light-theme/pull/233)
|
|
287
|
+
|
|
288
|
+
### Bugfix
|
|
289
|
+
|
|
290
|
+
- Fix aspect ratio in slider @sneridagh [#233](https://github.com/kitconcept/volto-light-theme/pull/233)
|
|
291
|
+
- Fix form inputs height, transfer the height property to the parent .ui.input instead of the input itself, which behaves wrong. @sneridagh [#234](https://github.com/kitconcept/volto-light-theme/pull/234)
|
|
292
|
+
- Fix anontools in header, convert it to functional @sneridagh [#236](https://github.com/kitconcept/volto-light-theme/pull/236)
|
|
293
|
+
|
|
294
|
+
|
|
295
|
+
## 1.0.0-rc.17 (2023-09-18)
|
|
296
|
+
|
|
297
|
+
### Feature
|
|
298
|
+
|
|
299
|
+
- Upgrade to Volto 17a26 - Fix i18n - Upgrade Cypress 13 @sneridagh [#229](https://github.com/kitconcept/volto-light-theme/pull/229)
|
|
300
|
+
- Upgrade volto-heading-block version @sneridagh [#230](https://github.com/kitconcept/volto-light-theme/pull/230)
|
|
301
|
+
|
|
302
|
+
### Bugfix
|
|
303
|
+
|
|
304
|
+
- Fix css for showing external link icon. @iFlameing [#19](https://github.com/kitconcept/volto-light-theme/pull/19)
|
|
305
|
+
- Remove extra config from table block @iFlameing. [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
|
|
306
|
+
- Fix `dates` bottom margin for News Item in mobile. @danalvrz
|
|
307
|
+
Fix margins for Image block. @danalvrz
|
|
308
|
+
Fix margins for Video block. @danalvrz
|
|
309
|
+
Fix block title margin for Listing in Edit. @danalvrz
|
|
310
|
+
Fix block title margin for Grid in Edit. @danalvrz
|
|
311
|
+
Fix margin for Heading block in Edit. @danalvrz
|
|
312
|
+
Fix margins for Separator in Edit. @danalvrz
|
|
313
|
+
Fix margins for Maps block. @danalvrz [#220](https://github.com/kitconcept/volto-light-theme/pull/220)
|
|
314
|
+
- Write cypress test for the listing Grid variation. @iFlameing [#221](https://github.com/kitconcept/volto-light-theme/pull/221)
|
|
315
|
+
- Add acceptance test for maps block @iFlameing. [#223](https://github.com/kitconcept/volto-light-theme/pull/223)
|
|
316
|
+
- Fix mismatch of event view with Figma. @iFlameing [#226](https://github.com/kitconcept/volto-light-theme/pull/226)
|
|
317
|
+
- Fix a11y violation in File view. @iFlameing [#227](https://github.com/kitconcept/volto-light-theme/pull/227)
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
## 1.0.0-rc.16 (2023-08-15)
|
|
321
|
+
|
|
322
|
+
### Bugfix
|
|
323
|
+
|
|
324
|
+
- Add icons and default image customizations, fix other small image sizing issues for Listings, fix spacing issues for Search block. @danalvrz [#207](https://github.com/kitconcept/volto-light-theme/pull/207)
|
|
325
|
+
- Fix font-size of alt text description. @iFlameing [#217](https://github.com/kitconcept/volto-light-theme/pull/217)
|
|
326
|
+
- Fix unconditional Register link in header. @fredvd [#219](https://github.com/kitconcept/volto-light-theme/pull/219)
|
|
327
|
+
|
|
328
|
+
|
|
329
|
+
## 1.0.0-rc.15 (2023-08-09)
|
|
330
|
+
|
|
331
|
+
### Bugfix
|
|
332
|
+
|
|
333
|
+
- Update the recommended version of volto-separator-block to 4.0.0. @davisagli [#211](https://github.com/kitconcept/volto-light-theme/pull/211)
|
|
334
|
+
- ToC block fixes (remove most fields from the block, add default styling
|
|
335
|
+
schema, fix width in edit mode). @davisagli [#212](https://github.com/kitconcept/volto-light-theme/pull/212)
|
|
336
|
+
- Hide unnecessary Search block fields. @danalvrz [#213](https://github.com/kitconcept/volto-light-theme/pull/213)
|
|
337
|
+
- Upgrade to Volto 17-0.0-alpha.24. @davisagli [#214](https://github.com/kitconcept/volto-light-theme/pull/214)
|
|
338
|
+
|
|
339
|
+
|
|
340
|
+
## 1.0.0-rc.14 (2023-08-08)
|
|
341
|
+
|
|
342
|
+
### Feature
|
|
343
|
+
|
|
344
|
+
- Hide change note field. @davisagli [#206](https://github.com/kitconcept/volto-light-theme/pull/206)
|
|
345
|
+
|
|
346
|
+
### Bugfix
|
|
347
|
+
|
|
348
|
+
- Remove external link icon from ICS download button event content type @iRohitSingh [#201](https://github.com/kitconcept/volto-light-theme/pull/201)
|
|
349
|
+
- Fix teaser right align is not aligned to right side of page @iFlameing. [#202](https://github.com/kitconcept/volto-light-theme/pull/202)
|
|
350
|
+
- Add missing german translations @steffenri [#205](https://github.com/kitconcept/volto-light-theme/pull/205)
|
|
351
|
+
|
|
352
|
+
|
|
353
|
+
## 1.0.0-rc.13 (2023-08-03)
|
|
354
|
+
|
|
355
|
+
### Bugfix
|
|
356
|
+
|
|
357
|
+
- Add external link for slate block @iRohitSingh [#188](https://github.com/kitconcept/volto-light-theme/pull/188)
|
|
358
|
+
- Fix responsive of listing block. @iFlameing [#189](https://github.com/kitconcept/volto-light-theme/pull/189)
|
|
359
|
+
- Fix pagination styles for Listings. @danalvrz
|
|
360
|
+
|
|
361
|
+
Change divider bar in News Item head title from string to pseudo-element. @danalvrz
|
|
362
|
+
|
|
363
|
+
Fix text decoration for links. @danalvrz
|
|
364
|
+
|
|
365
|
+
Fix background color for in-Grid Slate. @danalvrz
|
|
366
|
+
|
|
367
|
+
Fix Image block margins. @danalvrz
|
|
368
|
+
|
|
369
|
+
Fix Grid Listing variation CSS. @danalvrz
|
|
370
|
+
|
|
371
|
+
Fix Separator margin when preceded by Image block. @danalvrz
|
|
372
|
+
|
|
373
|
+
Fix Teaser margin in mobile. @danalvrz [#191](https://github.com/kitconcept/volto-light-theme/pull/191)
|
|
374
|
+
- Enable automatic hyphenation. @iFlameing [#193](https://github.com/kitconcept/volto-light-theme/pull/193)
|
|
375
|
+
- Upgrade to Volto 17.0.0-alpha.23 @davisagli [#195](https://github.com/kitconcept/volto-light-theme/pull/195)
|
|
376
|
+
- Fix image rights @iFlameing. [#197](https://github.com/kitconcept/volto-light-theme/pull/197)
|
|
377
|
+
- Fix aspect-ratio and add rule to center object position for all images. @danalvrz [#199](https://github.com/kitconcept/volto-light-theme/pull/199)
|
|
378
|
+
|
|
379
|
+
|
|
380
|
+
## 1.0.0-rc.12 (2023-07-28)
|
|
381
|
+
|
|
382
|
+
### Feature
|
|
383
|
+
|
|
384
|
+
- Upgrade to Volto 17a22. @davisagli [#186](https://github.com/kitconcept/volto-light-theme/pull/186)
|
|
385
|
+
|
|
386
|
+
### Bugfix
|
|
387
|
+
|
|
388
|
+
- Fix responsive font sizing for headings. @danalvrz [#182](https://github.com/kitconcept/volto-light-theme/pull/182)
|
|
389
|
+
- Fix map block. @iFlameing [#183](https://github.com/kitconcept/volto-light-theme/pull/183)
|
|
390
|
+
|
|
391
|
+
|
|
392
|
+
## 1.0.0-rc.11 (2023-07-28)
|
|
393
|
+
|
|
394
|
+
### Breaking
|
|
395
|
+
|
|
396
|
+
- Update to Volto 17a21
|
|
397
|
+
Deprecate volto-image-block
|
|
398
|
+
Use new core Image component
|
|
399
|
+
@sneridagh [#177](https://github.com/kitconcept/volto-light-theme/pull/177)
|
|
400
|
+
|
|
401
|
+
|
|
402
|
+
## 1.0.0-rc.10 (2023-07-26)
|
|
403
|
+
|
|
404
|
+
### Bugfix
|
|
405
|
+
|
|
406
|
+
- Fix styles for blocks inside the Accordion block. @danalvrz [#146](https://github.com/kitconcept/volto-light-theme/pull/146)
|
|
407
|
+
- Fix styles for Search block's results default and summary listings. @danalvrz [#168](https://github.com/kitconcept/volto-light-theme/pull/168)
|
|
408
|
+
- Fix container problem of Event View @iFlameing [#170](https://github.com/kitconcept/volto-light-theme/pull/170)
|
|
409
|
+
- Add missing translation. @danalvrz [#172](https://github.com/kitconcept/volto-light-theme/pull/172)
|
|
410
|
+
- Fix contained block editor wrapper (for listings) @sneridagh [#173](https://github.com/kitconcept/volto-light-theme/pull/173)
|
|
411
|
+
- Update volto-button-block to 2.3.1 @steffenri [#174](https://github.com/kitconcept/volto-light-theme/pull/174)
|
|
412
|
+
- Update Table block to contain styling fieldset and css fix. @iFlameing [#175](https://github.com/kitconcept/volto-light-theme/pull/175)
|
|
413
|
+
- Remove levels choices h1,h4,h5 and h6 from Toc block @iRohitSingh [#178](https://github.com/kitconcept/volto-light-theme/pull/178)
|
|
414
|
+
- Fix responsiveness of video block. @iFlameing [#180](https://github.com/kitconcept/volto-light-theme/pull/180)
|
|
415
|
+
- Fixed responsive spacings & font sizes for mobile screens. @danalvrz [#181](https://github.com/kitconcept/volto-light-theme/pull/181)
|
|
416
|
+
|
|
417
|
+
|
|
418
|
+
## 1.0.0-rc.9 (2023-07-19)
|
|
419
|
+
|
|
420
|
+
### Breaking
|
|
421
|
+
|
|
422
|
+
- Refactor existing customizations, removing the ones no longer needed (because they are present in Volto already) and using the new pattern in the others. Volto 17a20 is required in order to retain consistency. @sneridagh [#166](https://github.com/kitconcept/volto-light-theme/pull/166)
|
|
423
|
+
|
|
424
|
+
### Bugfix
|
|
425
|
+
|
|
426
|
+
- Fix NewsItemView as wella sd Link View @iFlameing [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
|
|
427
|
+
- Fix Image View in edit mode @iFlameing. [#154](https://github.com/kitconcept/volto-light-theme/pull/154)
|
|
428
|
+
- Update volto-image-block @sneridagh [#159](https://github.com/kitconcept/volto-light-theme/pull/159)
|
|
429
|
+
- Fix File View implementation @iFlameing [#162](https://github.com/kitconcept/volto-light-theme/pull/162)
|
|
430
|
+
|
|
431
|
+
### Internal
|
|
432
|
+
|
|
433
|
+
- Upgrade volto-image-block to fix the image upload @sneridagh [#149](https://github.com/kitconcept/volto-light-theme/pull/149)
|
|
434
|
+
- Upgrade to Volto 17a20 @sneridagh [#163](https://github.com/kitconcept/volto-light-theme/pull/163)
|
|
435
|
+
- Remove the `apiExpanders` existing locally in the package since it's already in Volto 17a20 @sneridagh [#164](https://github.com/kitconcept/volto-light-theme/pull/164)
|
|
436
|
+
|
|
437
|
+
|
|
438
|
+
## 1.0.0-rc.8 (2023-07-14)
|
|
439
|
+
|
|
440
|
+
### Bugfix
|
|
441
|
+
|
|
442
|
+
- Fix Image content type @iRohitSingh [#18](https://github.com/kitconcept/volto-light-theme/pull/18)
|
|
443
|
+
- Fix a11y issues in EventView @steffenri [#147](https://github.com/kitconcept/volto-light-theme/pull/147)
|
|
444
|
+
- Remove typo in fileview @steffenri [#148](https://github.com/kitconcept/volto-light-theme/pull/148)
|
|
445
|
+
|
|
446
|
+
### Documentation
|
|
447
|
+
|
|
448
|
+
- Documentation on local docker development - local ESlint working @sneridagh [#144](https://github.com/kitconcept/volto-light-theme/pull/144)
|
|
449
|
+
|
|
450
|
+
|
|
451
|
+
## 1.0.0-rc.7 (2023-07-13)
|
|
452
|
+
|
|
453
|
+
### Bugfix
|
|
454
|
+
|
|
455
|
+
- Fix File content type @iRohitSingh [#17](https://github.com/kitconcept/volto-light-theme/pull/17)
|
|
456
|
+
- Add idiomatic order CSS package @sneridagh
|
|
457
|
+
Fix margin in edit mode for all blocks @sneridagh [#142](https://github.com/kitconcept/volto-light-theme/pull/142)
|
|
458
|
+
- Fix CSS for Accordion block. @danalvrz [#143](https://github.com/kitconcept/volto-light-theme/pull/143)
|
|
459
|
+
|
|
460
|
+
|
|
461
|
+
## 1.0.0-rc.6 (2023-07-12)
|
|
462
|
+
|
|
463
|
+
### Bugfix
|
|
464
|
+
|
|
465
|
+
- Fix Event content type @iRohitSingh [#16](https://github.com/kitconcept/volto-light-theme/pull/16)
|
|
466
|
+
- Fix local linting, add proper eslintignore @sneridagh [#139](https://github.com/kitconcept/volto-light-theme/pull/139)
|
|
467
|
+
- Minor fix for Listing margins. @danalvrz [#140](https://github.com/kitconcept/volto-light-theme/pull/140)
|
|
468
|
+
- Fix gutter for grids for small screens. Improve overall margins calculations for all blocks in the content area. @sneridagh [#141](https://github.com/kitconcept/volto-light-theme/pull/141)
|
|
469
|
+
|
|
470
|
+
|
|
471
|
+
## 1.0.0-rc.5 (2023-07-11)
|
|
472
|
+
|
|
473
|
+
### Breaking
|
|
474
|
+
|
|
475
|
+
- Move the container query polyfill to an add-on profile, disabled by default @sneridagh [#137](https://github.com/kitconcept/volto-light-theme/pull/137)
|
|
476
|
+
|
|
477
|
+
### Feature
|
|
478
|
+
|
|
479
|
+
- Upgrade to Volto 17a17 as baseline @sneridagh [#136](https://github.com/kitconcept/volto-light-theme/pull/136)
|
|
480
|
+
- Add acceptance tests layer, update docker files and Makefile @sneridagh [#137](https://github.com/kitconcept/volto-light-theme/pull/137)
|
|
481
|
+
|
|
482
|
+
### Bugfix
|
|
483
|
+
|
|
484
|
+
- Check if the separator is present before enhancing it @sneridagh [#138](https://github.com/kitconcept/volto-light-theme/pull/138)
|
|
485
|
+
|
|
486
|
+
|
|
487
|
+
## 1.0.0-rc.4 (2023-07-11)
|
|
488
|
+
|
|
489
|
+
### Bugfix
|
|
490
|
+
|
|
491
|
+
- Fix Teaser block CSS. @danalvrz [#134](https://github.com/kitconcept/volto-light-theme/pull/134)
|
|
492
|
+
|
|
493
|
+
|
|
494
|
+
## 1.0.0-rc.3 (2023-07-10)
|
|
495
|
+
|
|
496
|
+
### Breaking
|
|
497
|
+
|
|
498
|
+
- Remove `@kitconcept/volto-blocks-grid` dependency @sneridagh [#131](https://github.com/kitconcept/volto-light-theme/pull/131)
|
|
499
|
+
|
|
500
|
+
### Bugfix
|
|
501
|
+
|
|
502
|
+
- Fix minor style bugs for Listing block @danalvrz [#130](https://github.com/kitconcept/volto-light-theme/pull/130)
|
|
503
|
+
|
|
504
|
+
### Internal
|
|
505
|
+
|
|
506
|
+
- Create deploy to https://light-theme.kitconcept.io [@ericof] [#72](https://github.com/kitconcept/volto-light-theme/pull/72)
|
|
507
|
+
|
|
508
|
+
|
|
509
|
+
## 1.0.0-rc.2 (2023-07-07)
|
|
510
|
+
|
|
511
|
+
### Bugfix
|
|
512
|
+
|
|
513
|
+
- Add NewsItemView @iFlamieng [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
|
|
514
|
+
- Add support for margins in responsive. Improve the spacing in grids. @sneridagh [#129](https://github.com/kitconcept/volto-light-theme/pull/129)
|
|
515
|
+
|
|
516
|
+
|
|
517
|
+
## 1.0.0-rc.1 (2023-07-05)
|
|
518
|
+
|
|
519
|
+
### Bugfix
|
|
520
|
+
|
|
521
|
+
- Fix css issue of image block full width variante @iFlameing [#115](https://github.com/kitconcept/volto-light-theme/pull/115)
|
|
522
|
+
- Fix minor style bugs in several components. @danalvrz [#122](https://github.com/kitconcept/volto-light-theme/pull/122)
|
|
523
|
+
|
|
524
|
+
|
|
525
|
+
## 1.0.0-rc.0 (2023-06-29)
|
|
526
|
+
|
|
527
|
+
### Feature
|
|
528
|
+
|
|
529
|
+
- Adding StyleWrapperStyles extender @sneridagh [#54](https://github.com/kitconcept/volto-light-theme/pull/54)
|
|
530
|
+
- Backporting listing customizations from dlr. @iRohitSingh [#55](https://github.com/kitconcept/volto-light-theme/pull/55)
|
|
531
|
+
- Backport of Search Block from Dlr @iFlameing [#56](https://github.com/kitconcept/volto-light-theme/pull/56)
|
|
532
|
+
- Add apiExpanders @sneridagh [#65](https://github.com/kitconcept/volto-light-theme/pull/65)
|
|
533
|
+
- Add entry points to the theme for allowing another add-on to customize it @sneridagh [#71](https://github.com/kitconcept/volto-light-theme/pull/71)
|
|
534
|
+
- Add support for mermaidBlock and table @sneridagh [#72](https://github.com/kitconcept/volto-light-theme/pull/72)
|
|
535
|
+
- Add declarative theme support @sneridagh [#73](https://github.com/kitconcept/volto-light-theme/pull/73)
|
|
536
|
+
- New testing infrastructure @sneridagh [#75](https://github.com/kitconcept/volto-light-theme/pull/75)
|
|
537
|
+
- Add font patterns @danalvrz [#76](https://github.com/kitconcept/volto-light-theme/pull/76)
|
|
538
|
+
- Removes `ListingBody` component customization, since it is redundant now, update the `DefaultTemplate` for Listing block @sneridagh [#80](https://github.com/kitconcept/volto-light-theme/pull/80)
|
|
539
|
+
- Add auto block grouping per backgroundColor @sneridagh [#83](https://github.com/kitconcept/volto-light-theme/pull/83)
|
|
540
|
+
- Customize SummaryTemplate to render dynamic ItemBodyTemplates from the registry, depending on the item's type @danalvrz [#86](https://github.com/kitconcept/volto-light-theme/pull/86)
|
|
541
|
+
- Refactor customizations, add comments everywhere, customizations as a proxy to components in light theme to allow selective customizations in the theme not in Volto itself. @sneridagh [#88](https://github.com/kitconcept/volto-light-theme/pull/88)
|
|
542
|
+
- Enable background color styling for slate blocks using the autogrouping @sneridagh [#89](https://github.com/kitconcept/volto-light-theme/pull/89)
|
|
543
|
+
- Add Grid listing variation @danalvrz [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
|
|
544
|
+
- Add accordion @sneridagh [#108](https://github.com/kitconcept/volto-light-theme/pull/108)
|
|
545
|
+
- Prepare to release @sneridagh
|
|
546
|
+
Add support for core Grid block @sneridagh [#119](https://github.com/kitconcept/volto-light-theme/pull/119)
|
|
547
|
+
|
|
548
|
+
### Bugfix
|
|
549
|
+
|
|
550
|
+
- Fix css of Table of Contents block @iRohitSingh [#35](https://github.com/kitconcept/volto-light-theme/pull/35)
|
|
551
|
+
- Remove style enhancer for separator block from theme @danalvrz [#39](https://github.com/kitconcept/volto-light-theme/pull/39)
|
|
552
|
+
- Add temporary fix for images in teasers until https://github.com/kitconcept/volto-light-theme/issues/40 is fixed. @sneridagh [#43](https://github.com/kitconcept/volto-light-theme/pull/43)
|
|
553
|
+
- Fix breadcrumbs in ObjectBrowser, add new Container @sneridagh [#45](https://github.com/kitconcept/volto-light-theme/pull/45)
|
|
554
|
+
- Minor padding fix in header @danalvrz [#47](https://github.com/kitconcept/volto-light-theme/pull/47)
|
|
555
|
+
- Fix stylelint @sneridagh [#48](https://github.com/kitconcept/volto-light-theme/pull/48)
|
|
556
|
+
- Fix grids in edit mode @sneridagh [#49](https://github.com/kitconcept/volto-light-theme/pull/49)
|
|
557
|
+
- Remove for now a selector definition that is making leak the grey background in all slate blocks grid or not grid @sneridagh [#50](https://github.com/kitconcept/volto-light-theme/pull/50)
|
|
558
|
+
- Fix h1 width to use default instead of layout @sneridagh [#51](https://github.com/kitconcept/volto-light-theme/pull/51)
|
|
559
|
+
- Relocate slate selector, and headline margin fix, for grid block @danalvrz [#52](https://github.com/kitconcept/volto-light-theme/pull/52)
|
|
560
|
+
- Add footer site as backend actions, fix translations @sneridagh [#53](https://github.com/kitconcept/volto-light-theme/pull/53)
|
|
561
|
+
- Some grid fixes for top padding @sneridagh [#57](https://github.com/kitconcept/volto-light-theme/pull/57)
|
|
562
|
+
- Added rule to align hamburger menu to the right when in mobile screen @danalvrz [#58](https://github.com/kitconcept/volto-light-theme/pull/58)
|
|
563
|
+
- Minor width fix to separator full variant @danalvrz [#59](https://github.com/kitconcept/volto-light-theme/pull/59)
|
|
564
|
+
- Fix styles for introduction block @danalvrz [#61](https://github.com/kitconcept/volto-light-theme/pull/61)
|
|
565
|
+
- Remove Title as required block. Fix the single image use case in a grid @sneridagh [#62](https://github.com/kitconcept/volto-light-theme/pull/62)
|
|
566
|
+
- Add style to Button block @iRohitSingh [#63](https://github.com/kitconcept/volto-light-theme/pull/63)
|
|
567
|
+
- Update grid block style @danalvrz
|
|
568
|
+
Fix css of Right aligned teaser on view mode @iRohitSingh [#66](https://github.com/kitconcept/volto-light-theme/pull/66)
|
|
569
|
+
- Minor spacing fix for teaser block @danalvrz [#67](https://github.com/kitconcept/volto-light-theme/pull/67)
|
|
570
|
+
- Add bottom margin to introduction block @danalvrz [#69](https://github.com/kitconcept/volto-light-theme/pull/69)
|
|
571
|
+
- Fix ListingBody to display headline property @danalvrz [#78](https://github.com/kitconcept/volto-light-theme/pull/78)
|
|
572
|
+
- Add Heading-Block to required blocks list in README @danalvrz [#79](https://github.com/kitconcept/volto-light-theme/pull/79)
|
|
573
|
+
- Fix variables order, add !default to all theme vars @sneridagh [#81](https://github.com/kitconcept/volto-light-theme/pull/81)
|
|
574
|
+
- Fix grid teasers full height @sneridagh [#85](https://github.com/kitconcept/volto-light-theme/pull/85)
|
|
575
|
+
- Fix absolute elements in containers @sneridagh [#87](https://github.com/kitconcept/volto-light-theme/pull/87)
|
|
576
|
+
- Fixes in grids and support for the Volto 17 and volto-blocks-grid popperjs based blockschooser @sneridagh [#89](https://github.com/kitconcept/volto-light-theme/pull/89)
|
|
577
|
+
- Change component name to SummaryListingItemTemplate @danalvrz [#92](https://github.com/kitconcept/volto-light-theme/pull/92)
|
|
578
|
+
- Fix priority for the toolbar and the containers @sneridagh [#93](https://github.com/kitconcept/volto-light-theme/pull/93)
|
|
579
|
+
- Fix contents view, add horizontal scrolling @sneridagh [#94](https://github.com/kitconcept/volto-light-theme/pull/94)
|
|
580
|
+
- Fix autogrouping flaw, defaulting to transparent in case that there is no backgroundColor information set @sneridagh [#96](https://github.com/kitconcept/volto-light-theme/pull/96)
|
|
581
|
+
- Transparent by default in classname. Vertical spacing, using margin-bottom as reference. Grids. @sneridagh [#97](https://github.com/kitconcept/volto-light-theme/pull/97)
|
|
582
|
+
- Fix styles for standalone teaser and grid-teaser-item @danalvrz [#98](https://github.com/kitconcept/volto-light-theme/pull/98)
|
|
583
|
+
- Remove 'wide' from inner-alignment actions @danalvrz [#100](https://github.com/kitconcept/volto-light-theme/pull/100)
|
|
584
|
+
- Adjustments to grids and various @sneridagh [#101](https://github.com/kitconcept/volto-light-theme/pull/101)
|
|
585
|
+
- Fix values for the agreed vertical spacing between color blocks. Other minor adjustments. @sneridagh [#109](https://github.com/kitconcept/volto-light-theme/pull/109)
|
|
586
|
+
- Fix styles for in-grid Slate block @danalvrz [#110](https://github.com/kitconcept/volto-light-theme/pull/110)
|
|
587
|
+
- Fix styles for in-grid Images. @danalvrz [#111](https://github.com/kitconcept/volto-light-theme/pull/111)
|
|
588
|
+
- Fix grid image block css @iFlameing [#112](https://github.com/kitconcept/volto-light-theme/pull/112)
|
|
589
|
+
- Fix last Teaser bottom border @danalvrz [#117](https://github.com/kitconcept/volto-light-theme/pull/117)
|
|
590
|
+
- Fix Separator margins when it has center alignment. @danalvrz [#118](https://github.com/kitconcept/volto-light-theme/pull/118)
|
|
591
|
+
|
|
592
|
+
### Documentation
|
|
593
|
+
|
|
594
|
+
- Add documentation about the rules used in the theme @sneridagh [#109](https://github.com/kitconcept/volto-light-theme/pull/109)
|
package/README.md
ADDED
|
@@ -0,0 +1,364 @@
|
|
|
1
|
+
# Volto Light Theme by kitconcept
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/@kitconcept/volto-light-theme)
|
|
4
|
+
[](https://github.com/kitconcept/volto-light-theme/actions)
|
|
5
|
+
[](https://github.com/kitconcept/volto-light-theme/actions)
|
|
6
|
+
[](https://github.com/kitconcept/volto-light-theme/actions)
|
|
7
|
+
|
|
8
|
+

|
|
9
|
+
|
|
10
|
+
## Vision
|
|
11
|
+
|
|
12
|
+
The main vision of the Volto Light Theme is to serve as a foundation for kitconcept's future projects, following the release of Plone 6.
|
|
13
|
+
|
|
14
|
+
It contains the feedback from the company's last years projects and the success stories in the UI/UX side.
|
|
15
|
+
|
|
16
|
+
It aims to be future proof, so it has to be aligned with the upcoming Volto vision in terms of theming strategy decided by the Plone community.
|
|
17
|
+
|
|
18
|
+

|
|
19
|
+
|
|
20
|
+
## Requirements and specs
|
|
21
|
+
|
|
22
|
+
### It should not use any SemanticUI component or styling
|
|
23
|
+
|
|
24
|
+
Volto will abandon SemanticUI as default design component system in the mid term, and we should be prepared for it.
|
|
25
|
+
|
|
26
|
+
We will achieve that by not using any SemanticUI component, nor any related styling (`.ui.XXX`) in our upcoming themes.
|
|
27
|
+
|
|
28
|
+
The Volto strategy is:
|
|
29
|
+
|
|
30
|
+
- Provide a very basic and structural Vanilla components to build upon theming and CMSUI as well (`@plone/components`)
|
|
31
|
+
- These components will be based in a headless component system [React Aria Components](https://react-spectrum.adobe.com/react-aria/components.html)
|
|
32
|
+
- Volto projects can be themed using `@plone/components` as baseline or use a complete different design or component system of the developer/integrator choice. The presence of Volto's component registry system could help for adapting, if required.
|
|
33
|
+
|
|
34
|
+
#### Volto components `customizations` use case
|
|
35
|
+
|
|
36
|
+
If possible, we will switch to SemanticUI-less components when `@plone/components` is ready.
|
|
37
|
+
Specially if the elements that we are customizing are clearly "theme" (eg. header/footer, etc).
|
|
38
|
+
In the case of other Volto customizations that are not clear part of the theme (eg. Search block), it's fine to stick using what the original is using (SemanticUI).
|
|
39
|
+
When Volto will make the switch in the future, we should then adapt all the customizations to match the one in the Volto core.
|
|
40
|
+
The approach used is to use a proxy to a component of the `components` folder. This way it's easier to keep track of changes, and another add-on can customize again the light theme component, not the original Volto customization.
|
|
41
|
+
|
|
42
|
+
### It should use kitconcept's layout used in FZJ/DLR projects
|
|
43
|
+
|
|
44
|
+
Since FZJ/DLR projects we've been trying a new concept in layout for Volto. This new layout uses three widths for the content elements:
|
|
45
|
+
|
|
46
|
+
- Narrow (text)
|
|
47
|
+
- Default (blocks)
|
|
48
|
+
- Layout (main screen elements like Header, Footer)
|
|
49
|
+
|
|
50
|
+
The Layout sized elements snap to 1440px. The breakpoints are also different than default Volto.
|
|
51
|
+
|
|
52
|
+
This new layout uses mixin's and CSS that can be found in `layout.less` in the theme folder.
|
|
53
|
+
|
|
54
|
+
Since the new container queries spec is out, we will be introducing it to the current CSS in order to implement the complexities that the "inner container" (the one between the toolbar and the sidebar) width presents. Until now, we did complex calculations given into account if the size of the inner container depending if the toolbar, the sidebar, or both were presents. With container queries we can do that in a more sensible and easy way.
|
|
55
|
+
|
|
56
|
+
### Organization of the files
|
|
57
|
+
|
|
58
|
+
We will start organising the files in the root of `theme` folder, to differentiate from a normal "SemanticUI" theme. Take a look at the current state. We will follow this convention:
|
|
59
|
+
|
|
60
|
+
- One file per component/block
|
|
61
|
+
- Use the Volto theme facility using the SCSS scape hatch provided so other add-ons can hook to it.
|
|
62
|
+
- The styling is centralized in `main.scss`, the rest of the files are loaded from there.
|
|
63
|
+
|
|
64
|
+
## Why a headless component system?
|
|
65
|
+
|
|
66
|
+
https://medium.com/@nirbenyair/headless-components-in-react-and-why-i-stopped-using-ui-libraries-a8208197c268
|
|
67
|
+
|
|
68
|
+
## Vertical spacing block model
|
|
69
|
+
|
|
70
|
+
This theme has the concept of block "grouping" given two consecutive blocks with the same styling block wrapper property `backgroundColor`. You have to add this property to your blocks in your blocks code. This add-on customizes `RenderBlocks.jsx` component in order to do so.
|
|
71
|
+
|
|
72
|
+
The wrappers have the classnames `blocks-group-wrapper` and the name of the background color, eg. `grey`, defaulting to `transparent` if no `backgroundColor` property is set in the styling block wrapper in the block.
|
|
73
|
+
|
|
74
|
+
**Disclaimer**: This might change in the near future, since we are developing a new integral Block Model for VLT and Volto.
|
|
75
|
+
|
|
76
|
+
### Vertical spacing rules
|
|
77
|
+
|
|
78
|
+
These main rules spec applies to the theme:
|
|
79
|
+
|
|
80
|
+
- On each change of color, a vertical padding (both `padding-bottom` and `padding-top`) of `80px` defined with the main variable `$color-block-change-vertical-spacing`.
|
|
81
|
+
- The default bottom margin is defined with the main variable `$block-vertical-space` and set by default to `25px`.
|
|
82
|
+
- [grid] Vertical spacing for grids should be `80px` for both top and bottom, even if the previous and next blocks are of the same color.
|
|
83
|
+
- [grid+grid] When two grids happen side by side and are of the same color. It should be equal to the grid gap, so it's set to `@gutterWidth` and currently `1rem`. It has to be adjusted with a bit of negative margin to cancel the current inner padding in grid cells.
|
|
84
|
+
- [grid+grid] Grids columns belonging to the same grid and same color in small mobile viewports. They should be closer to match the other adjacent ones, so they seem to belong to the same grid set.
|
|
85
|
+
- [footer] The footer has a top vertical spacing of `80px`.
|
|
86
|
+
- [teasers] The last teaser, except if the following is a button, does NOT have a line at the bottom.
|
|
87
|
+
- [listing] The last listing, except if the following is a button, does NOT have a line at the bottom.
|
|
88
|
+
- [listing] After two consecutive listings, the vertical spacing should be `200px`.
|
|
89
|
+
- [text+button] If there's a text and a button, then the vertical spacing betweeen them is `60px`.
|
|
90
|
+
- [image+separator-block] If after image comes a separator block, the vertical spacing between them is `40px`.
|
|
91
|
+
|
|
92
|
+
### Media queries vs container queries
|
|
93
|
+
|
|
94
|
+
We use media queries when the styling it's generic enough to apply only to the View.
|
|
95
|
+
|
|
96
|
+
We use container queries when do care explicitly about how the styling is being applied in edit mode as well and we want the content area to behave 1:1 with the view mode.
|
|
97
|
+
|
|
98
|
+
Reason: The container queries allow us to abstract the width from the sidebar and toolbar in edit mode, showing the content area as it will be in that size, in view mode.
|
|
99
|
+
|
|
100
|
+
**Remember**: The margins in responsive are being taken care with container queries in `layout.scss`. So everything related to that, goes like it works in there, with container queries. See implementations for details in case you need it.
|
|
101
|
+
|
|
102
|
+
## Specification
|
|
103
|
+
|
|
104
|
+
`@kitconcept/volto-light-theme` works with the following Plone Blocks:
|
|
105
|
+
|
|
106
|
+
- Grid-Block (https://www.npmjs.com/package/@kitconcept/volto-blocks-grid)
|
|
107
|
+
- Teaser-Block (https://www.npmjs.com/package/@kitconcept/volto-blocks-grid)
|
|
108
|
+
- Slider-Block (https://www.npmjs.com/package/@kitconcept/volto-slider-block)
|
|
109
|
+
- Button-Block (https://www.npmjs.com/package/@kitconcept/volto-button-block)
|
|
110
|
+
- Separator-Block (https://www.npmjs.com/package/@kitconcept/volto-separator-block)
|
|
111
|
+
- Heading-Block (https://www.npmjs.com/package/@kitconcept/volto-heading-block)
|
|
112
|
+
- Introduction-Block (https://www.npmjs.com/package/@kitconcept/volto-introduction-block)
|
|
113
|
+
- Accordion-Block (https://www.npmjs.com/package/@eeacms/volto-accordion-block)
|
|
114
|
+
|
|
115
|
+
and the following add-ons:
|
|
116
|
+
|
|
117
|
+
- DSGVO-Banner (https://www.npmjs.com/package/@kitconcept/volto-dsgvo-banner)
|
|
118
|
+
|
|
119
|
+
## Installation
|
|
120
|
+
|
|
121
|
+
It is recommended that your project or policy add-on `package.json` include the aforementioned add-ons.
|
|
122
|
+
|
|
123
|
+
```json
|
|
124
|
+
"dependencies": {
|
|
125
|
+
"@eeacms/volto-accordion-block": "^10.4.0",
|
|
126
|
+
"@kitconcept/volto-button-block": "^2.3.1",
|
|
127
|
+
"@kitconcept/volto-dsgvo-banner": "^1.3.0",
|
|
128
|
+
"@kitconcept/volto-heading-block": "^2.4.0",
|
|
129
|
+
"@kitconcept/volto-highlight-block": "^3.0.0",
|
|
130
|
+
"@kitconcept/volto-introduction-block": "^1.0.0",
|
|
131
|
+
"@kitconcept/volto-separator-block": "^4.0.0",
|
|
132
|
+
"@kitconcept/volto-slider-block": "^6.0.0",
|
|
133
|
+
"@kitconcept/volto-light-theme": "^2.0.0",
|
|
134
|
+
}
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
This theme won't install them for you, as they are declared as `peerDependencies`.
|
|
138
|
+
This is because the theme won't have to force you to use any specific add-on version, and avoids package hoisting issues.
|
|
139
|
+
|
|
140
|
+
In your project or policy add-on `package.json` you should declare all of them as Volto add-ons
|
|
141
|
+
|
|
142
|
+
```json
|
|
143
|
+
"addons": [
|
|
144
|
+
"@eeacms/volto-accordion-block",
|
|
145
|
+
"@kitconcept/volto-button-block",
|
|
146
|
+
"@kitconcept/volto-heading-block",
|
|
147
|
+
"@kitconcept/volto-introduction-block",
|
|
148
|
+
"@kitconcept/volto-highlight-block",
|
|
149
|
+
"@kitconcept/volto-separator-block",
|
|
150
|
+
"@kitconcept/volto-light-theme",
|
|
151
|
+
"your_policy_addon_here"
|
|
152
|
+
],
|
|
153
|
+
```
|
|
154
|
+
|
|
155
|
+
Make sure your policy add-on is the last one, as you would want that its configuration has priority over all the others. Make sure also that `@kitconcept/volto-light-theme` is the one before your policy add-on.
|
|
156
|
+
|
|
157
|
+
Then, declare the theme in your project `package.json`:
|
|
158
|
+
|
|
159
|
+
```json
|
|
160
|
+
"theme": "@kitconcept/volto-light-theme",
|
|
161
|
+
```
|
|
162
|
+
|
|
163
|
+
Alternatively, you can also declare it in your project's `volto.config.js`:
|
|
164
|
+
|
|
165
|
+
```js
|
|
166
|
+
const addons = [];
|
|
167
|
+
const theme = '@kitconcept/volto-light-theme';
|
|
168
|
+
|
|
169
|
+
module.exports = {
|
|
170
|
+
addons,
|
|
171
|
+
theme,
|
|
172
|
+
};
|
|
173
|
+
```
|
|
174
|
+
|
|
175
|
+
You can specify your project add-ons in `volto.config.js`, but sometimes is better to have them all in one place (in your policy add-on) for portability.
|
|
176
|
+
|
|
177
|
+
## Feature Flags
|
|
178
|
+
|
|
179
|
+
### Enable Fat Menu
|
|
180
|
+
|
|
181
|
+
Since 2.0.0, the light theme has a fat menu (below the main site sections) triggered clickin on one of them.
|
|
182
|
+
It's behind a feature flag, as opt-out:
|
|
183
|
+
|
|
184
|
+
```js
|
|
185
|
+
config.settings.enableFatMenu = true;
|
|
186
|
+
```
|
|
187
|
+
|
|
188
|
+
### Show Site Label
|
|
189
|
+
|
|
190
|
+
If you want to show a label on top of site you can pass label name to `siteLabel` property.
|
|
191
|
+
|
|
192
|
+
```js
|
|
193
|
+
config.settings.siteLabel = 'Plone Intranet';
|
|
194
|
+
```
|
|
195
|
+
|
|
196
|
+
If you wanted a translated label then you have to define a translation object in `defineMessages` function provided by react-intl.
|
|
197
|
+
|
|
198
|
+
Here is the code snippets you have to add in your addon index.js file.
|
|
199
|
+
If you don't have addon, you can also add in your config.js file in root of your frontend folder.
|
|
200
|
+
|
|
201
|
+
```js
|
|
202
|
+
import { defineMessages } from 'react-intl';
|
|
203
|
+
|
|
204
|
+
defineMessages({
|
|
205
|
+
siteLabel: {
|
|
206
|
+
id: 'siteLabel',
|
|
207
|
+
defaultMessage: ' ',
|
|
208
|
+
},
|
|
209
|
+
});
|
|
210
|
+
|
|
211
|
+
```
|
|
212
|
+
Then add the translation you want in your `locale` file.
|
|
213
|
+
|
|
214
|
+
### Show intranetHeader
|
|
215
|
+
|
|
216
|
+
We have totally different header for intranet sites. If you want that, you can enable it by passing `intranetHeader` property.
|
|
217
|
+
|
|
218
|
+
```js
|
|
219
|
+
config.settings.intranetHeader = true;
|
|
220
|
+
```
|
|
221
|
+
## Releases
|
|
222
|
+
|
|
223
|
+
The releases follow a semantic versioning model.
|
|
224
|
+
|
|
225
|
+
### Definition of breaking change
|
|
226
|
+
|
|
227
|
+
In general, the same rules as Volto releases applies.
|
|
228
|
+
However, in VLT we add an extra exception: The vertical spacing is carefully curated and considered an important feature of the theme and because of that, changes and improvements in the vertical spacing are **NOT** considered breaking changes.
|
|
229
|
+
They will be noted properly in the changelog.
|
|
230
|
+
|
|
231
|
+
## Upgrade Guide
|
|
232
|
+
|
|
233
|
+
See a detailed upgrade guide in: https://github.com/kitconcept/volto-light-theme/blob/main/UPGRADE-GUIDE.md
|
|
234
|
+
|
|
235
|
+
## Development
|
|
236
|
+
|
|
237
|
+
This theme works under Volto 17 alpha 16 onwards.
|
|
238
|
+
Compatibility with Volto 16 might be achieved, but it has to be at customization level in the
|
|
239
|
+
specific project add-on.
|
|
240
|
+
This is mainly due to the `RenderBlocks` customization that is based in the one in 17 because of the Grid block in core and the autogrouping feature.
|
|
241
|
+
See more information about the other dependencies in `peerDependencies` in `package.json`.
|
|
242
|
+
The development of this add-on is done in isolation using a new approach using pnpm workspaces and latest `mrs-developer` and other Volto core improvements.
|
|
243
|
+
For this reason, it only works with pnpm and Volto 18 (currently in alpha) but it does not mean that the add-on will only work in 18.
|
|
244
|
+
|
|
245
|
+
### Requisites
|
|
246
|
+
|
|
247
|
+
- Volto 18 (2024-03-21: currently in alpha)
|
|
248
|
+
- pnpm as package manager
|
|
249
|
+
|
|
250
|
+
### Make convenience commands
|
|
251
|
+
|
|
252
|
+
Run `make help` to list the available commands.
|
|
253
|
+
|
|
254
|
+
```text
|
|
255
|
+
help Show this help
|
|
256
|
+
install Installs the dev environment using mrs-developer
|
|
257
|
+
i18n Sync i18n
|
|
258
|
+
format Format codebase
|
|
259
|
+
lint Lint Codebase
|
|
260
|
+
test Run unit tests
|
|
261
|
+
test-ci Run unit tests in CI
|
|
262
|
+
start-backend-docker Starts a Docker-based backend for developing
|
|
263
|
+
start-test-acceptance-frontend-dev Start acceptance frontend in dev mode
|
|
264
|
+
start-test-acceptance-frontend Start acceptance frontend in prod mode
|
|
265
|
+
start-test-acceptance-server Start acceptance server
|
|
266
|
+
test-acceptance Start Cypress in interactive mode
|
|
267
|
+
test-acceptance-headless Run cypress tests in headless mode for CI
|
|
268
|
+
```
|
|
269
|
+
|
|
270
|
+
### Development Environment Setup
|
|
271
|
+
|
|
272
|
+
Install package requirements
|
|
273
|
+
|
|
274
|
+
```shell
|
|
275
|
+
pnpm i
|
|
276
|
+
make install
|
|
277
|
+
pnpm i
|
|
278
|
+
```
|
|
279
|
+
|
|
280
|
+
### Start developing
|
|
281
|
+
|
|
282
|
+
Run (in separate terminal sessions)
|
|
283
|
+
|
|
284
|
+
Start backend server
|
|
285
|
+
|
|
286
|
+
```shell
|
|
287
|
+
make start-backend-docker
|
|
288
|
+
```
|
|
289
|
+
|
|
290
|
+
Start frontend
|
|
291
|
+
|
|
292
|
+
```shell
|
|
293
|
+
pnpm start
|
|
294
|
+
```
|
|
295
|
+
|
|
296
|
+
### Linting
|
|
297
|
+
|
|
298
|
+
Run ESlint, Prettier and Stylelint
|
|
299
|
+
|
|
300
|
+
```shell
|
|
301
|
+
make lint
|
|
302
|
+
```
|
|
303
|
+
|
|
304
|
+
### Formatting
|
|
305
|
+
|
|
306
|
+
Run ESlint, Prettier and Stylelint in fix mode
|
|
307
|
+
|
|
308
|
+
```shell
|
|
309
|
+
make format
|
|
310
|
+
```
|
|
311
|
+
|
|
312
|
+
### i18n
|
|
313
|
+
|
|
314
|
+
Extract the i18n messages to locales
|
|
315
|
+
|
|
316
|
+
```shell
|
|
317
|
+
make i18n
|
|
318
|
+
```
|
|
319
|
+
|
|
320
|
+
### Unit tests
|
|
321
|
+
|
|
322
|
+
Run unit tests
|
|
323
|
+
|
|
324
|
+
```shell
|
|
325
|
+
make test
|
|
326
|
+
```
|
|
327
|
+
|
|
328
|
+
### Run Cypress tests
|
|
329
|
+
|
|
330
|
+
Run (in separate terminal sessions)
|
|
331
|
+
|
|
332
|
+
Start the frontend in dev mode
|
|
333
|
+
|
|
334
|
+
```shell
|
|
335
|
+
make start-test-acceptance-frontend-dev
|
|
336
|
+
```
|
|
337
|
+
|
|
338
|
+
Start the backend acceptance server
|
|
339
|
+
|
|
340
|
+
```shell
|
|
341
|
+
make start-test-acceptance-server
|
|
342
|
+
```
|
|
343
|
+
|
|
344
|
+
Start the Cypress interactive test runner
|
|
345
|
+
|
|
346
|
+
```shell
|
|
347
|
+
make test-acceptance
|
|
348
|
+
```
|
|
349
|
+
|
|
350
|
+
### Release
|
|
351
|
+
|
|
352
|
+
Run
|
|
353
|
+
|
|
354
|
+
```shell
|
|
355
|
+
make release
|
|
356
|
+
```
|
|
357
|
+
|
|
358
|
+
For releasing a RC version
|
|
359
|
+
|
|
360
|
+
Run
|
|
361
|
+
|
|
362
|
+
```shell
|
|
363
|
+
make release-rc
|
|
364
|
+
```
|
package/package.json
CHANGED
package/src/index.js
CHANGED
|
@@ -231,6 +231,8 @@ const applyConfig = (config) => {
|
|
|
231
231
|
imageBlockSchemaEnhancer,
|
|
232
232
|
gridImageDisableSizeAndPositionHandlersSchema,
|
|
233
233
|
);
|
|
234
|
+
config.blocks.blocksConfig.gridBlock.blocksConfig.image.dataAdapter =
|
|
235
|
+
ImageBlockDataAdapter;
|
|
234
236
|
|
|
235
237
|
config.blocks.blocksConfig.gridBlock.blocksConfig.teaser.schemaEnhancer =
|
|
236
238
|
composeSchema(gridTeaserDisableStylingSchema, teaserSchemaEnhancer);
|
package/src/theme/_content.scss
CHANGED
|
@@ -203,7 +203,7 @@ $font-weights: (
|
|
|
203
203
|
bold: 700,
|
|
204
204
|
extra-bold: 800,
|
|
205
205
|
bolder: 900,
|
|
206
|
-
);
|
|
206
|
+
) !default;
|
|
207
207
|
|
|
208
208
|
$font-sizes: (
|
|
209
209
|
2xs: 12px,
|
|
@@ -216,7 +216,7 @@ $font-sizes: (
|
|
|
216
216
|
3xl: 36px,
|
|
217
217
|
4xl: 42px,
|
|
218
218
|
5xl: 48px,
|
|
219
|
-
);
|
|
219
|
+
) !default;
|
|
220
220
|
|
|
221
221
|
$line-heights: (
|
|
222
222
|
xs: 16px,
|
|
@@ -228,7 +228,7 @@ $line-heights: (
|
|
|
228
228
|
3xl: 42px,
|
|
229
229
|
4xl: 48px,
|
|
230
230
|
5xl: 56px,
|
|
231
|
-
);
|
|
231
|
+
) !default;
|
|
232
232
|
|
|
233
233
|
@mixin add($property, $value) {
|
|
234
234
|
@if $property == size {
|