@eeacms/volto-eea-design-system 1.61.6 → 1.61.7

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/package.json +1 -1
  3. package/theme/themes/eea/collections/menu.overrides +18 -1
  4. package/theme/themes/eea/collections/menu.variables +2 -0
  5. package/theme/themes/eea/views/card.variables +3 -1
package/CHANGELOG.md CHANGED
@@ -4,7 +4,13 @@ All notable changes to this project will be documented in this file. Dates are d
4
4
 
5
5
  Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
6
6
 
7
- ### [1.61.6](https://github.com/eea/volto-eea-design-system/compare/1.61.5...1.61.6) - 26 October 2026
7
+ ### [1.61.7](https://github.com/eea/volto-eea-design-system/compare/1.61.6...1.61.7) - 30 October 2026
8
+
9
+ #### :bug: Bug Fixes
10
+
11
+ - fix: Card header alignment - refs #307513 [dobri1408 - [`e2b7e65`](https://github.com/eea/volto-eea-design-system/commit/e2b7e65c8522e14576b2b86427f307d4a1cb45df)]
12
+
13
+ ### [1.61.6](https://github.com/eea/volto-eea-design-system/compare/1.61.5...1.61.6) - 27 October 2026
8
14
 
9
15
  #### :bug: Bug Fixes
10
16
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eeacms/volto-eea-design-system",
3
- "version": "1.61.6",
3
+ "version": "1.61.7",
4
4
  "description": "@eeacms/volto-eea-design-system: Volto add-on",
5
5
  "main": "src/index.js",
6
6
  "author": "European Environment Agency: IDM2 A-Team",
package/theme/themes/eea/collections/menu.overrides CHANGED
@@ -49,7 +49,8 @@
49
49
  margin: 4px -14px 0;
50
50
  background-repeat: no-repeat;
51
51
  background-size: 64px 18px;
52
- transition: width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045),
52
+ transition:
53
+ width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045),
53
54
  margin 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
54
55
  }
55
56
 
@@ -203,6 +204,22 @@
203
204
  }
204
205
  }
205
206
 
207
+ // On phones the items (arrows, pages, ellipsis) do not fit on one row with
208
+ // the default padding and widen the whole page: narrower items, and a second
209
+ // row when it is still too long
210
+ @media only screen and (max-width: @largestMobileScreen) {
211
+ .ui.pagination.menu {
212
+ max-width: 100%;
213
+ flex-wrap: wrap;
214
+ justify-content: center;
215
+
216
+ .item {
217
+ padding-right: @paginationMobileItemHorizontalPadding;
218
+ padding-left: @paginationMobileItemHorizontalPadding;
219
+ }
220
+ }
221
+ }
222
+
206
223
  /*************/
207
224
  /* EEA Theme */
208
225
  /*************/
package/theme/themes/eea/collections/menu.variables CHANGED
@@ -359,6 +359,8 @@
359
359
  @paginationWidth: 100%;
360
360
  @paginationColor: @deepBlue;
361
361
  @paginationMinWidth: 2em;
362
+ // narrower items on phones, for the whole pagination to fit on the screen
363
+ @paginationMobileItemHorizontalPadding: @rem-space-2;
362
364
  @paginationActiveBackground: @transparentBlack;
363
365
  @paginationActiveTextColor: @selectedTextColor;
364
366
 
package/theme/themes/eea/views/card.variables CHANGED
@@ -81,7 +81,9 @@
81
81
 
82
82
 
83
83
  /* Header */
84
- @headerMargin: -@em-space-2 -@em-space-1 -@em-space-1 -@em-space-1;
84
+ // the side margins cancel the padding of the header (room for the focus
85
+ // outline), so the title lines up with the other elements of the card
86
+ @headerMargin: -@em-space-2 -@headerPadding -@em-space-1 -@headerPadding;
85
87
  @headerFontWeight: @bold;
86
88
  @headerFontSize: 1.125rem;
87
89
  @iconCardHeaderFontSize: clamp(@font-size-1, @font-size-2, 18px);