@kitconcept/volto-light-theme 7.0.0-alpha.26 → 7.0.0-alpha.27
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 +3 -3
- package/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/src/theme/blocks/_grid.scss +23 -9
- package/src/theme/person.scss +13 -6
package/.changelog.draft
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
## 7.0.0-alpha.
|
|
1
|
+
## 7.0.0-alpha.27 (2025-09-04)
|
|
2
2
|
|
|
3
3
|
### Bugfix
|
|
4
4
|
|
|
5
|
-
- Fix
|
|
6
|
-
-
|
|
5
|
+
- Fix grid listing pagination for grid columns 3 & 4. @iRohitSingh [#640](https://github.com/kitconcept/volto-light-theme/pull/640)
|
|
6
|
+
- Fixed grid person teaser in edit mode. @sneridagh
|
|
7
7
|
|
|
8
8
|
|
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,13 @@
|
|
|
8
8
|
|
|
9
9
|
<!-- towncrier release notes start -->
|
|
10
10
|
|
|
11
|
+
## 7.0.0-alpha.27 (2025-09-04)
|
|
12
|
+
|
|
13
|
+
### Bugfix
|
|
14
|
+
|
|
15
|
+
- Fix grid listing pagination for grid columns 3 & 4. @iRohitSingh [#640](https://github.com/kitconcept/volto-light-theme/pull/640)
|
|
16
|
+
- Fixed grid person teaser in edit mode. @sneridagh
|
|
17
|
+
|
|
11
18
|
## 7.0.0-alpha.26 (2025-09-03)
|
|
12
19
|
|
|
13
20
|
### Bugfix
|
package/package.json
CHANGED
|
@@ -212,13 +212,12 @@
|
|
|
212
212
|
}
|
|
213
213
|
.ui.stackable.stretched.four.column.grid,
|
|
214
214
|
.ui.stackable.stretched.three.column.grid,
|
|
215
|
+
.ui.stackable.stretched.two.column.grid,
|
|
215
216
|
.four.grid-items,
|
|
216
|
-
.three.grid-items
|
|
217
|
+
.three.grid-items,
|
|
218
|
+
.two.grid-items {
|
|
217
219
|
.block.listing.summary {
|
|
218
220
|
.listing-item {
|
|
219
|
-
&:last-child {
|
|
220
|
-
padding-bottom: 0px !important;
|
|
221
|
-
}
|
|
222
221
|
.card-inner {
|
|
223
222
|
flex-direction: column;
|
|
224
223
|
.image-wrapper {
|
|
@@ -238,15 +237,30 @@
|
|
|
238
237
|
}
|
|
239
238
|
}
|
|
240
239
|
.ui.stackable.stretched.four.column.grid,
|
|
241
|
-
.
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
240
|
+
.ui.stackable.stretched.three.column.grid,
|
|
241
|
+
.four.grid-items,
|
|
242
|
+
.three.grid-items {
|
|
243
|
+
.block.listing {
|
|
244
|
+
.listing-item {
|
|
245
|
+
&:last-child {
|
|
246
|
+
padding-bottom: 0px !important;
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
.pagination-wrapper {
|
|
250
|
+
.ui.pagination.desktop-pagination.menu {
|
|
251
|
+
display: none;
|
|
252
|
+
}
|
|
253
|
+
.ui.pagination.mobile-pagination.menu {
|
|
254
|
+
display: table-row;
|
|
255
|
+
}
|
|
256
|
+
.ui.pagination.menu .item {
|
|
257
|
+
padding: 6.5px 7px;
|
|
258
|
+
}
|
|
245
259
|
}
|
|
246
260
|
}
|
|
247
261
|
}
|
|
248
262
|
.ui.stackable.stretched.two.column.grid {
|
|
249
|
-
.block.listing
|
|
263
|
+
.block.listing {
|
|
250
264
|
.listing-item {
|
|
251
265
|
&:last-child {
|
|
252
266
|
padding-bottom: 0px !important;
|
package/src/theme/person.scss
CHANGED
|
@@ -38,7 +38,8 @@
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.person-teaser
|
|
41
|
+
.person-teaser &,
|
|
42
|
+
.block-editor-teaser .person-teaser & {
|
|
42
43
|
.card-summary {
|
|
43
44
|
.description {
|
|
44
45
|
margin-bottom: $spacing-small;
|
|
@@ -66,7 +67,8 @@
|
|
|
66
67
|
}
|
|
67
68
|
|
|
68
69
|
// Teaser in Grid
|
|
69
|
-
.contained.person-teaser
|
|
70
|
+
.contained.person-teaser &,
|
|
71
|
+
.contained .person-teaser & {
|
|
70
72
|
// Settings for BRH:
|
|
71
73
|
// --person-image-aspect-ratio: 4 / 5;
|
|
72
74
|
// --person-image-border-radius: 0;
|
|
@@ -110,7 +112,8 @@
|
|
|
110
112
|
}
|
|
111
113
|
|
|
112
114
|
// One column exception for contained person-teasers
|
|
113
|
-
.one .contained.person-teaser
|
|
115
|
+
.one .contained.person-teaser,
|
|
116
|
+
.one .contained .person-teaser {
|
|
114
117
|
width: calc(var(--default-container-width) / 2);
|
|
115
118
|
|
|
116
119
|
.column & {
|
|
@@ -118,7 +121,8 @@
|
|
|
118
121
|
}
|
|
119
122
|
}
|
|
120
123
|
|
|
121
|
-
.one .column:has(.contained.person-teaser)
|
|
124
|
+
.one .column:has(.contained.person-teaser),
|
|
125
|
+
.one .column:has(.contained .person-teaser) {
|
|
122
126
|
align-items: center;
|
|
123
127
|
}
|
|
124
128
|
|
|
@@ -136,13 +140,16 @@
|
|
|
136
140
|
|
|
137
141
|
// contained person-teasers do not have background color, so we need to set it to --theme-color
|
|
138
142
|
body .block.gridBlock .block.teaser.contained.person-teaser,
|
|
139
|
-
body .block.gridBlock .block.teaser.contained.person-teaser .card-inner
|
|
143
|
+
body .block.gridBlock .block.teaser.contained.person-teaser .card-inner,
|
|
144
|
+
body .block.gridBlock .contained .person-teaser,
|
|
145
|
+
body .block.gridBlock .contained .person-teaser .card-inner {
|
|
140
146
|
background: var(--theme-color);
|
|
141
147
|
}
|
|
142
148
|
|
|
143
149
|
// contained person-teasers do not have background color, so we need to remove the padding
|
|
144
150
|
// to snap to the default container width
|
|
145
|
-
.contained.person-teaser
|
|
151
|
+
.contained.person-teaser,
|
|
152
|
+
.contained .person-teaser {
|
|
146
153
|
.card-summary {
|
|
147
154
|
padding-right: 0px;
|
|
148
155
|
padding-left: 0px;
|