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

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.md CHANGED
@@ -4,7 +4,15 @@ 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.8](https://github.com/eea/volto-eea-design-system/compare/1.61.7...1.61.8) - 10 November 2026
8
+
9
+ #### :house: Internal changes
10
+
11
+ - chore: Use github app to authenticate trigger workflow [valentinab25 - [`54bcb70`](https://github.com/eea/volto-eea-design-system/commit/54bcb70dbd579f670cc56b17f2ed57c4a7d52a69)]
12
+
13
+ ### [1.61.7](https://github.com/eea/volto-eea-design-system/compare/1.61.6...1.61.7) - 30 October 2026
14
+
15
+ ### [1.61.6](https://github.com/eea/volto-eea-design-system/compare/1.61.5...1.61.6) - 27 October 2026
8
16
 
9
17
  #### :bug: Bug Fixes
10
18
 
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.8",
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",
@@ -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
  /*************/
@@ -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
 
@@ -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);