@eeacms/volto-clms-theme 1.1.282 → 1.1.283

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,11 +4,14 @@ 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.1.282](https://github.com/eea/volto-clms-theme/compare/1.1.281...1.1.282) - 14 April 2026
7
+ ### [1.1.283](https://github.com/eea/volto-clms-theme/compare/1.1.282...1.1.283) - 4 May 2026
8
8
 
9
9
  #### :hammer_and_wrench: Others
10
10
 
11
- - Refs #302352 - Hide size (0B) in case of external items. [GhitaB - [`30ee5c5`](https://github.com/eea/volto-clms-theme/commit/30ee5c5b441bb476a18f487cf921dd17ef86b79d)]
11
+ - spacing issues on featured articles -refs #295039 [ana-oprea - [`12d3f24`](https://github.com/eea/volto-clms-theme/commit/12d3f24627d189bd89f7f679f5176ae9b0093cf8)]
12
+ - new design for horizontal tabs [ana-oprea - [`667f7d4`](https://github.com/eea/volto-clms-theme/commit/667f7d4b6b95357d533114d171f5579ff9f79fe2)]
13
+ ### [1.1.282](https://github.com/eea/volto-clms-theme/compare/1.1.281...1.1.282) - 14 April 2026
14
+
12
15
  ### [1.1.281](https://github.com/eea/volto-clms-theme/compare/1.1.280...1.1.281) - 8 April 2026
13
16
 
14
17
  ### [1.1.280](https://github.com/eea/volto-clms-theme/compare/1.1.279...1.1.280) - 1 April 2026
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eeacms/volto-clms-theme",
3
- "version": "1.1.282",
3
+ "version": "1.1.283",
4
4
  "description": "volto-clms-theme: Volto theme for CLMS site",
5
5
  "main": "src/index.js",
6
6
  "author": "CodeSyntax for the European Environment Agency",
@@ -198,6 +198,22 @@
198
198
  object-fit: cover;
199
199
  }
200
200
 
201
+ .styled-teaser .ui.card.u-card > .content > .meta {
202
+ margin-bottom: 1rem;
203
+ }
204
+
205
+ .styled-teaser .ui.card.u-card > .extra.content {
206
+ display: flex !important;
207
+ min-height: 3rem;
208
+ align-items: center;
209
+ padding-top: 0;
210
+ padding-bottom: 0;
211
+ }
212
+
213
+ .styled-teaser .ui.fluid.card.u-card > .image {
214
+ border-radius: 0.28571429rem !important;
215
+ }
216
+
201
217
  .card-threeColumns .card-text {
202
218
  padding: 1.5rem;
203
219
  }
@@ -88,6 +88,48 @@
88
88
  }
89
89
  }
90
90
 
91
+ .tabs-block.default {
92
+ .home-news-events-block {
93
+ padding: 3rem 1rem 0;
94
+ background-color: fade(@clmsGreen, 5%);
95
+ }
96
+
97
+ .home-news-events-block .tab-container {
98
+ width: 100%;
99
+ }
100
+
101
+ .tab-container .tabs {
102
+ display: flex;
103
+ flex-wrap: wrap;
104
+ gap: 0.5rem;
105
+ }
106
+
107
+ .tab-container .tab {
108
+ display: inline-flex;
109
+ align-items: center;
110
+ padding: 1.125rem 1.5rem;
111
+ background: @white;
112
+ color: @clmsGreen;
113
+ font-weight: 400;
114
+ }
115
+
116
+ .tab-container .tab svg,
117
+ .tab-container .tab i {
118
+ color: inherit;
119
+ }
120
+
121
+ .tab-container .tab-selected {
122
+ background: @clmsGreen;
123
+ color: @white;
124
+ }
125
+
126
+ .tab-container .panels {
127
+ padding: 2rem;
128
+ margin-top: 0.5rem;
129
+ background: @white;
130
+ }
131
+ }
132
+
91
133
  // Mobile responsive styles
92
134
  @media (max-width: 768px) {
93
135
  .ccl-container.ccl-container-flex.tab-container.tabs-vertical-product {
@@ -142,3 +184,17 @@
142
184
  }
143
185
  }
144
186
  }
187
+
188
+ @media (max-width: 768px) {
189
+ .tabs-block.default {
190
+ .tab-container .tabs {
191
+ flex-direction: column;
192
+ gap: 0.5rem;
193
+ }
194
+
195
+ .tab-container .tab {
196
+ width: 100%;
197
+ padding: 1rem 1.25rem;
198
+ }
199
+ }
200
+ }