@eeacms/volto-n2k 1.0.8 → 1.0.10

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 (25) hide show
  1. package/CHANGELOG.md +10 -3
  2. package/package.json +1 -1
  3. package/src/components/manage/Blocks/CddaShape/View.jsx +1 -1
  4. package/src/components/manage/Blocks/ContactBlock/icons/domain.svg +16 -1
  5. package/src/components/manage/Blocks/ContactBlock/icons/email.svg +16 -1
  6. package/src/components/manage/Blocks/ContactBlock/icons/location.svg +16 -1
  7. package/src/components/manage/Blocks/ExploreHabitats/View.jsx +2 -2
  8. package/src/components/manage/Blocks/ExploreSites/View.jsx +2 -2
  9. package/src/components/manage/Blocks/ExploreSpecies/View.jsx +2 -2
  10. package/src/components/manage/Blocks/HabitatDistribution/View.jsx +1 -1
  11. package/src/components/manage/Blocks/HabitatProtectedSites/View.jsx +1 -1
  12. package/src/components/manage/Blocks/HabitatsBanner/style.less +1 -1
  13. package/src/components/manage/Blocks/NavigationAnchors/styles.less +3 -3
  14. package/src/components/manage/Blocks/SiteBanner/style.less +2 -2
  15. package/src/components/manage/Blocks/SiteHabitatsList/style.less +1 -1
  16. package/src/components/manage/Blocks/SiteProtectedHabitats/images/background.webp +0 -0
  17. package/src/components/manage/Blocks/SiteProtectedSpecies/images/background.webp +0 -0
  18. package/src/components/manage/Blocks/SiteShape/View.jsx +1 -1
  19. package/src/components/manage/Blocks/SiteSpeciesList/style.less +3 -3
  20. package/src/components/manage/Blocks/SpeciesBanner/style.less +1 -1
  21. package/src/components/manage/Blocks/SpeciesDistribution/View.jsx +1 -1
  22. package/src/components/manage/Blocks/SpeciesProtectedSites/View.jsx +1 -1
  23. package/src/components/theme/LanguageSelector/styles.less +4 -4
  24. package/src/icons/home.svg +1 -1
  25. package/src/less/styles.less +67 -18
package/CHANGELOG.md CHANGED
@@ -4,11 +4,18 @@ 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.0.8](https://github.com/eea/volto-n2k/compare/1.0.7...1.0.8) - 23 December 2022
7
+ ### [1.0.10](https://github.com/eea/volto-n2k/compare/1.0.9...1.0.10) - 2 February 2023
8
8
 
9
- #### :hammer_and_wrench: Others
9
+ #### :rocket: New Features
10
+
11
+ - feat: use new design theme [Miu Razvan - [`2b9755c`](https://github.com/eea/volto-n2k/commit/2b9755cfefc9681517403d8b4140efaf7eee4073)]
12
+ - feat: use new design theme [Miu Razvan - [`1a9286e`](https://github.com/eea/volto-n2k/commit/1a9286e4d00f7c1e63c4e633063e807975556c24)]
13
+ - feat: use new design theme [Miu Razvan - [`c8c4c09`](https://github.com/eea/volto-n2k/commit/c8c4c09191757b8ef2f741cfdd49c889ff2824be)]
14
+
15
+ ### [1.0.9](https://github.com/eea/volto-n2k/compare/1.0.8...1.0.9) - 31 January 2023
16
+
17
+ ### [1.0.8](https://github.com/eea/volto-n2k/compare/1.0.7...1.0.8) - 23 December 2022
10
18
 
11
- - Update images [Miu Razvan - [`f0fcbac`](https://github.com/eea/volto-n2k/commit/f0fcbaccdf83bea71c3f8349364114cf8060c318)]
12
19
  ### [1.0.7](https://github.com/eea/volto-n2k/compare/1.0.6...1.0.7) - 22 December 2022
13
20
 
14
21
  ### [1.0.6](https://github.com/eea/volto-n2k/compare/1.0.5...1.0.6) - 14 December 2022
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eeacms/volto-n2k",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "description": "volto-n2k: Volto add-on",
5
5
  "main": "src/index.js",
6
6
  "author": "European Environment Agency: IDM2 A-Team",
@@ -82,7 +82,7 @@ const View = (props) => {
82
82
  color: 'rgba(255,255,255,0.4)',
83
83
  }),
84
84
  stroke: new style.Stroke({
85
- color: '#04A77D',
85
+ color: '#00A390',
86
86
  width: 3,
87
87
  lineDash: [5, 7],
88
88
  }),
@@ -1 +1,16 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a{fill:none;}.b{fill:#04a87d;}</style></defs><path class="a" d="M0,0H24V24H0Z"/><path class="b" d="M12,7V3H2V21H22V7ZM6,19H4V17H6Zm0-4H4V13H6Zm0-4H4V9H6ZM6,7H4V5H6Zm4,12H8V17h2Zm0-4H8V13h2Zm0-4H8V9h2Zm0-4H8V5h2ZM20,19H12V17h2V15H12V13h2V11H12V9h8Zm-2-8H16v2h2Zm0,4H16v2h2Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <defs>
3
+ <style>
4
+ .a {
5
+ fill: none;
6
+ }
7
+
8
+ .b {
9
+ fill: #00A390;
10
+ }
11
+ </style>
12
+ </defs>
13
+ <path class="a" d="M0,0H24V24H0Z" />
14
+ <path class="b"
15
+ d="M12,7V3H2V21H22V7ZM6,19H4V17H6Zm0-4H4V13H6Zm0-4H4V9H6ZM6,7H4V5H6Zm4,12H8V17h2Zm0-4H8V13h2Zm0-4H8V9h2Zm0-4H8V5h2ZM20,19H12V17h2V15H12V13h2V11H12V9h8Zm-2-8H16v2h2Zm0,4H16v2h2Z" />
16
+ </svg>
@@ -1 +1,16 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a{fill:#04a87d;}.b{fill:none;}</style></defs><path class="a" d="M20,4H4A2,2,0,0,0,2.01,6L2,18a2.006,2.006,0,0,0,2,2H20a2.006,2.006,0,0,0,2-2V6A2.006,2.006,0,0,0,20,4Zm0,4-8,5L4,8V6l8,5,8-5Z"/><path class="b" d="M0,0H24V24H0Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <defs>
3
+ <style>
4
+ .a {
5
+ fill: #00A390;
6
+ }
7
+
8
+ .b {
9
+ fill: none;
10
+ }
11
+ </style>
12
+ </defs>
13
+ <path class="a"
14
+ d="M20,4H4A2,2,0,0,0,2.01,6L2,18a2.006,2.006,0,0,0,2,2H20a2.006,2.006,0,0,0,2-2V6A2.006,2.006,0,0,0,20,4Zm0,4-8,5L4,8V6l8,5,8-5Z" />
15
+ <path class="b" d="M0,0H24V24H0Z" />
16
+ </svg>
@@ -1 +1,16 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a{fill:#04a87d;}.b{fill:none;}</style></defs><path class="a" d="M12,2A7,7,0,0,0,5,9c0,5.25,7,13,7,13s7-7.75,7-13A7,7,0,0,0,12,2Zm0,9.5A2.5,2.5,0,1,1,14.5,9,2.5,2.5,0,0,1,12,11.5Z"/><path class="b" d="M0,0H24V24H0Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
+ <defs>
3
+ <style>
4
+ .a {
5
+ fill: #00A390;
6
+ }
7
+
8
+ .b {
9
+ fill: none;
10
+ }
11
+ </style>
12
+ </defs>
13
+ <path class="a"
14
+ d="M12,2A7,7,0,0,0,5,9c0,5.25,7,13,7,13s7-7.75,7-13A7,7,0,0,0,12,2Zm0,9.5A2.5,2.5,0,1,1,14.5,9,2.5,2.5,0,0,1,12,11.5Z" />
15
+ <path class="b" d="M0,0H24V24H0Z" />
16
+ </svg>
@@ -134,7 +134,7 @@ const View = (props) => {
134
134
  color: 'rgba(255,255,255,0.4)',
135
135
  }),
136
136
  stroke: new style.Stroke({
137
- color: '#04A77D',
137
+ color: '#00A390',
138
138
  // color: '#F8E473',
139
139
  width: 3,
140
140
  }),
@@ -166,7 +166,7 @@ const View = (props) => {
166
166
  </Map>
167
167
  </div>
168
168
  <Container className="map-info-notice">
169
- <Message style={{ color: '#3B7f02' }}>
169
+ <Message style={{ color: '#005248' }}>
170
170
  <p>
171
171
  The designations employed and the presentation of material on this
172
172
  map do not imply the expression of any opinion whatsoever on the
@@ -129,7 +129,7 @@ const View = (props) => {
129
129
  color: 'rgba(255,255,255,0.4)',
130
130
  }),
131
131
  stroke: new style.Stroke({
132
- color: '#04A77D',
132
+ color: '#00A390',
133
133
  // color: '#F8E473',
134
134
  width: 3,
135
135
  }),
@@ -161,7 +161,7 @@ const View = (props) => {
161
161
  </Map>
162
162
  </div>
163
163
  <Container className="map-info-notice">
164
- <Message style={{ color: '#3B7f02' }}>
164
+ <Message style={{ color: '#005248' }}>
165
165
  <p>
166
166
  The designations employed and the presentation of material on this
167
167
  map do not imply the expression of any opinion whatsoever on the
@@ -132,7 +132,7 @@ const View = (props) => {
132
132
  color: 'rgba(255,255,255,0.4)',
133
133
  }),
134
134
  stroke: new style.Stroke({
135
- color: '#04A77D',
135
+ color: '#00A390',
136
136
  // color: '#F8E473',
137
137
  width: 3,
138
138
  }),
@@ -164,7 +164,7 @@ const View = (props) => {
164
164
  </Map>
165
165
  </div>
166
166
  <Container className="map-info-notice">
167
- <Message style={{ color: '#3B7f02' }}>
167
+ <Message style={{ color: '#005248' }}>
168
168
  <p>
169
169
  The designations employed and the presentation of material on this
170
170
  map do not imply the expression of any opinion whatsoever on the
@@ -80,7 +80,7 @@ const View = (props) => {
80
80
  color: 'rgba(255,255,255,0.4)',
81
81
  }),
82
82
  stroke: new style.Stroke({
83
- color: '#04A77D',
83
+ color: '#00A390',
84
84
  width: 3,
85
85
  }),
86
86
  })
@@ -80,7 +80,7 @@ const View = (props) => {
80
80
  color: 'rgba(255,255,255,0.4)',
81
81
  }),
82
82
  stroke: new style.Stroke({
83
- color: '#04A77D',
83
+ color: '#00A390',
84
84
  width: 3,
85
85
  }),
86
86
  })
@@ -4,7 +4,7 @@ div#view .habitat-banner-details .ui.container > * {
4
4
 
5
5
  .habitat-banner-details {
6
6
  padding: 1.5em 0;
7
- background-color: #04a77d;
7
+ background-color: #00a390;
8
8
  color: #fff;
9
9
  font-family: 'RajdhaniB', 'Helvetica Neue', Arial, Helvetica, sans-serif;
10
10
 
@@ -67,7 +67,7 @@ div#view .ui.container > .sticky-navigation-anchors {
67
67
  &.active {
68
68
  p,
69
69
  a {
70
- color: #04a87d;
70
+ color: #00a390;
71
71
  }
72
72
  }
73
73
 
@@ -83,7 +83,7 @@ div#view .ui.container > .sticky-navigation-anchors {
83
83
  &.active {
84
84
  p,
85
85
  a {
86
- color: #3b7f02;
86
+ color: #005248;
87
87
  font-weight: bold;
88
88
  }
89
89
  }
@@ -91,7 +91,7 @@ div#view .ui.container > .sticky-navigation-anchors {
91
91
  &:hover {
92
92
  p,
93
93
  a {
94
- color: #3b7f02;
94
+ color: #005248;
95
95
  }
96
96
  }
97
97
 
@@ -1,6 +1,6 @@
1
1
  .site-banner {
2
2
  padding: 1.5em 0;
3
- background-color: #04a77d;
3
+ background-color: #00a390;
4
4
  color: #fff;
5
5
  font-family: 'RajdhaniB', 'Helvetica Neue', Arial, Helvetica, sans-serif;
6
6
 
@@ -15,7 +15,7 @@
15
15
  .country-title {
16
16
  margin-top: 0.5em !important;
17
17
  margin-bottom: 0 !important;
18
- color: #fff;
18
+ color: #fff !important;
19
19
  font-family: inherit;
20
20
  font-size: 54px;
21
21
  line-height: 54px;
@@ -37,7 +37,7 @@
37
37
  width: 24px;
38
38
  height: 24px;
39
39
  margin-bottom: 0;
40
- background-color: #04a87d;
40
+ background-color: #00a390;
41
41
  border-radius: 6px;
42
42
  color: #fff;
43
43
  font-weight: bold;
@@ -80,7 +80,7 @@ const View = (props) => {
80
80
  color: 'rgba(255,255,255,0.4)',
81
81
  }),
82
82
  stroke: new style.Stroke({
83
- color: '#04A77D',
83
+ color: '#00A390',
84
84
  width: 3,
85
85
  lineDash: [5, 7],
86
86
  }),
@@ -47,7 +47,7 @@ div#view .site-species-list .species-list .ui.container > * {
47
47
 
48
48
  .species-groups {
49
49
  margin-bottom: 1rem;
50
- background-color: #04a87d;
50
+ background-color: #00a390;
51
51
 
52
52
  .ui.container {
53
53
  display: flex;
@@ -90,7 +90,7 @@ div#view .site-species-list .species-list .ui.container > * {
90
90
  align-items: center;
91
91
  justify-content: space-between;
92
92
  padding: 2rem 1rem;
93
- background-color: #04a87d;
93
+ background-color: #00a390;
94
94
 
95
95
  .title {
96
96
  margin-bottom: 0;
@@ -127,7 +127,7 @@ div#view .site-species-list .species-list .ui.container > * {
127
127
  border: none;
128
128
  margin-left: 1rem;
129
129
  background-color: transparent;
130
- color: #04a87d;
130
+ color: #00a390;
131
131
  cursor: pointer;
132
132
 
133
133
  &:hover {
@@ -5,7 +5,7 @@ div#view .species-banner-details .ui.container > * {
5
5
 
6
6
  .species-banner-details {
7
7
  padding: 1.5em 0;
8
- background-color: #04a77d;
8
+ background-color: #00a390;
9
9
  color: #fff;
10
10
  font-family: 'RajdhaniB', 'Helvetica Neue', Arial, Helvetica, sans-serif;
11
11
 
@@ -80,7 +80,7 @@ const View = (props) => {
80
80
  color: 'rgba(255,255,255,0.4)',
81
81
  }),
82
82
  stroke: new style.Stroke({
83
- color: '#04A77D',
83
+ color: '#00A390',
84
84
  width: 3,
85
85
  }),
86
86
  })
@@ -80,7 +80,7 @@ const View = (props) => {
80
80
  color: 'rgba(255,255,255,0.4)',
81
81
  }),
82
82
  stroke: new style.Stroke({
83
- color: '#04A77D',
83
+ color: '#00A390',
84
84
  width: 3,
85
85
  }),
86
86
  })
@@ -2,12 +2,12 @@
2
2
  .ui.dropdown {
3
3
  &:not(.button) .text,
4
4
  &:not(.button) .default.text {
5
- color: #3b7f02;
5
+ color: #005248;
6
6
  font-family: OpenSans, 'Raleway', sans-serif;
7
7
  text-transform: uppercase;
8
8
 
9
9
  &:hover {
10
- color: #7ac943;
10
+ color: #00a390;
11
11
  }
12
12
  }
13
13
 
@@ -19,7 +19,7 @@
19
19
  background: #fff !important;
20
20
 
21
21
  .text {
22
- color: #3b7f02;
22
+ color: #005248;
23
23
  font-family: OpenSans, 'Raleway', sans-serif;
24
24
  font-size: 1rem;
25
25
  font-weight: bold;
@@ -30,7 +30,7 @@
30
30
  background: #fff !important;
31
31
 
32
32
  .text {
33
- color: #3b7f02;
33
+ color: #005248;
34
34
  }
35
35
 
36
36
  &::before {
@@ -3,7 +3,7 @@
3
3
  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
4
  viewBox="0 0 108.55 96" style="enable-background:new 0 0 108.55 96;" xml:space="preserve">
5
5
  <style type="text/css">
6
- .st0{fill:#3b7f02;}
6
+ .st0{fill:#005248;}
7
7
  </style>
8
8
  <path class="st0" d="M105.66,40.87L81.78,23.48L81.62,6.57C81.61,5,81.1,3.55,80.26,2.42C79.15,0.93,77.47-0.02,75.6,0
9
9
  c-3.29,0.03-5.94,3.02-5.91,6.69l0.08,8.04l-6.48-4.72l-10-7.29L53.25,2.7l-9.8,7.63L2,42.56c-1.32,1.03-2,2.6-2,4.23
@@ -1,7 +1,7 @@
1
1
  @import './globals.less';
2
2
 
3
- @lightGreen: #7ac943;
4
- @darkGreen: #3b7f02;
3
+ @lightGreen: #00a390;
4
+ @darkGreen: #005248;
5
5
 
6
6
  @font-face {
7
7
  font-family: 'OpenSans';
@@ -164,8 +164,18 @@ body.grey-bg {
164
164
  font-family: OpenSans, 'Raleway', sans-serif;
165
165
  }
166
166
 
167
+ h1,
168
+ h2,
169
+ h3,
170
+ h4,
171
+ h5,
172
+ h6 {
173
+ color: @darkGreen !important;
174
+ }
175
+
167
176
  h2 {
168
177
  font-weight: 600;
178
+ // color: @lightGreen !important;
169
179
  }
170
180
 
171
181
  p,
@@ -176,20 +186,58 @@ body.grey-bg {
176
186
  }
177
187
 
178
188
  a {
179
- color: @darkGreen;
189
+ color: @lightGreen;
180
190
  font-weight: 600;
181
191
 
192
+ h1,
193
+ h2,
194
+ h3,
195
+ h4,
196
+ h5,
197
+ h6 {
198
+ color: @lightGreen !important;
199
+ }
200
+
182
201
  &:hover {
183
202
  color: @lightGreen;
203
+ text-decoration: underline;
204
+
205
+ h1,
206
+ h2,
207
+ h3,
208
+ h4,
209
+ h5,
210
+ h6 {
211
+ color: @lightGreen !important;
212
+ }
184
213
  }
185
214
  }
186
215
 
187
216
  .light-links {
217
+ h1,
218
+ h2,
219
+ h3,
220
+ h4,
221
+ h5,
222
+ h6 {
223
+ color: @lightGreen !important;
224
+ }
225
+
188
226
  a {
189
227
  color: @lightGreen;
190
228
 
191
229
  &:hover {
192
- color: @darkGreen;
230
+ color: @lightGreen;
231
+ text-decoration: underline;
232
+
233
+ h1,
234
+ h2,
235
+ h3,
236
+ h4,
237
+ h5,
238
+ h6 {
239
+ color: @lightGreen !important;
240
+ }
193
241
  }
194
242
  }
195
243
  }
@@ -199,7 +247,8 @@ body.grey-bg {
199
247
  color: @darkGreen;
200
248
 
201
249
  &:hover {
202
- color: @lightGreen;
250
+ color: @darkGreen;
251
+ text-decoration: underline;
203
252
  }
204
253
  }
205
254
  }
@@ -285,7 +334,7 @@ body.grey-bg {
285
334
  align-self: stretch;
286
335
  padding-bottom: 1.5rem !important;
287
336
  margin-bottom: -0.5rem;
288
- background: #04a87d 0% 0% no-repeat padding-box;
337
+ background: #00a390 0% 0% no-repeat padding-box;
289
338
  border-radius: 0px 0px 10px 10px;
290
339
  color: #fff !important;
291
340
  cursor: pointer;
@@ -312,20 +361,20 @@ body.grey-bg {
312
361
  }
313
362
 
314
363
  .item.firstLevel.at-glance {
315
- color: #04a87d !important;
364
+ color: #00a390 !important;
316
365
  cursor: pointer;
317
366
 
318
367
  &:hover {
319
- color: #04a87d !important;
368
+ color: #00a390 !important;
320
369
  }
321
370
  }
322
371
 
323
372
  .item.firstLevel.deep-dive {
324
- color: #04a87d !important;
373
+ color: #00a390 !important;
325
374
  cursor: pointer;
326
375
 
327
376
  &:hover {
328
- color: #04a87d !important;
377
+ color: #00a390 !important;
329
378
  }
330
379
  }
331
380
 
@@ -438,13 +487,13 @@ body.grey-bg {
438
487
  &.secondLevel {
439
488
  &:hover {
440
489
  background: initial !important;
441
- color: #3b7f02;
490
+ color: #005248;
442
491
  }
443
492
  }
444
493
 
445
494
  &.active,
446
495
  &.menuActive {
447
- color: #3b7f02;
496
+ color: #005248;
448
497
  }
449
498
 
450
499
  &.active:not(.secondLevel):not(.thirdLevel),
@@ -457,7 +506,7 @@ body.grey-bg {
457
506
  display: block !important;
458
507
  width: 6px;
459
508
  height: 6px;
460
- background-color: #3b7f02;
509
+ background-color: #005248;
461
510
  border-radius: 100%;
462
511
  content: '';
463
512
  transform: translateX(-50%);
@@ -487,7 +536,7 @@ body.grey-bg {
487
536
  }
488
537
 
489
538
  .readmore-button {
490
- color: #04a77d;
539
+ color: #00a390;
491
540
  }
492
541
  }
493
542
 
@@ -628,7 +677,7 @@ img.slick-image {
628
677
  .default.tabs {
629
678
  .ui.menu {
630
679
  border-bottom: none !important;
631
- background-color: #04a87d;
680
+ background-color: #00a390;
632
681
 
633
682
  .item {
634
683
  padding: 1rem;
@@ -666,7 +715,7 @@ img.slick-image {
666
715
  }
667
716
 
668
717
  .dark-green-background {
669
- background-color: #04a87d;
718
+ background-color: #00a390;
670
719
  }
671
720
 
672
721
  .tabs-block .slick-slider {
@@ -701,8 +750,8 @@ img.slick-image {
701
750
  }
702
751
 
703
752
  .tabs-block .slick-dots-wrapper .slick-dots li.slick-active button {
704
- border-color: #3b7f02 !important;
705
- background-color: #3b7f02 !important;
753
+ border-color: #005248 !important;
754
+ background-color: #005248 !important;
706
755
  }
707
756
 
708
757
  .tabs-block.light .slick-dots-wrapper .slick-dots li.slick-active::before {