@eeacms/volto-marine-policy 2.0.14 → 2.0.15
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,6 +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
|
+
### [2.0.15](https://github.com/eea/volto-marine-policy/compare/2.0.14...2.0.15) - 16 June 2025
|
|
8
|
+
|
|
9
|
+
#### :house: Internal changes
|
|
10
|
+
|
|
11
|
+
- style: Automated code fix [eea-jenkins - [`5b37969`](https://github.com/eea/volto-marine-policy/commit/5b3796962e97e62cde61dfe0e78e85e340eefc0c)]
|
|
12
|
+
|
|
13
|
+
#### :hammer_and_wrench: Others
|
|
14
|
+
|
|
15
|
+
- small change to demo sites map viewer legend position [laszlocseh - [`0891fdf`](https://github.com/eea/volto-marine-policy/commit/0891fdf38b439804c27c3442a731637ed415ea2b)]
|
|
7
16
|
### [2.0.14](https://github.com/eea/volto-marine-policy/compare/2.0.13...2.0.14) - 15 May 2025
|
|
8
17
|
|
|
9
18
|
#### :rocket: Dependency updates
|
package/package.json
CHANGED
|
@@ -36,6 +36,7 @@ export default function DemoSitesExplorerView(props) {
|
|
|
36
36
|
const [filters, setFilters] = React.useState([]);
|
|
37
37
|
const [map, setMap] = React.useState();
|
|
38
38
|
const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
|
|
39
|
+
const columnsLength = hideFilters ? 12 : 8;
|
|
39
40
|
|
|
40
41
|
React.useEffect(() => {
|
|
41
42
|
const _filters = getFilters(activeItems, indicatorOnly);
|
|
@@ -82,7 +83,11 @@ export default function DemoSitesExplorerView(props) {
|
|
|
82
83
|
<Grid.Row>
|
|
83
84
|
{cases.length ? (
|
|
84
85
|
<Grid columns={12}>
|
|
85
|
-
<Grid.Column
|
|
86
|
+
<Grid.Column
|
|
87
|
+
mobile={columnsLength}
|
|
88
|
+
tablet={columnsLength}
|
|
89
|
+
computer={columnsLength}
|
|
90
|
+
>
|
|
86
91
|
<DemoSitesMap
|
|
87
92
|
items={cases}
|
|
88
93
|
activeItems={activeItems}
|
|
@@ -96,14 +101,14 @@ export default function DemoSitesExplorerView(props) {
|
|
|
96
101
|
setHighlightedIndex={setHighlightedIndex}
|
|
97
102
|
/>
|
|
98
103
|
</Grid.Column>
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
{!hideFilters ? (
|
|
105
|
+
<Grid.Column
|
|
106
|
+
mobile={4}
|
|
107
|
+
tablet={4}
|
|
108
|
+
computer={4}
|
|
109
|
+
className="right-side-filters"
|
|
110
|
+
>
|
|
111
|
+
<Grid.Row>
|
|
107
112
|
<VisibilitySensor>
|
|
108
113
|
<ObjectivesChart
|
|
109
114
|
items={cases}
|
|
@@ -119,31 +124,52 @@ export default function DemoSitesExplorerView(props) {
|
|
|
119
124
|
setInitialized={setInitialized}
|
|
120
125
|
/>
|
|
121
126
|
</VisibilitySensor>
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
<div className="dot-demosite"></div>
|
|
127
|
+
</Grid.Row>
|
|
128
|
+
<Grid.Row>
|
|
129
|
+
<div className="legend">
|
|
130
|
+
{/* <div className="legend-row legend-subtitle">Legend</div> */}
|
|
131
|
+
<div className="legend-row">
|
|
132
|
+
<div className="circle">
|
|
133
|
+
<div className="dot-demosite"></div>
|
|
134
|
+
</div>
|
|
135
|
+
<div>Demo site</div>
|
|
132
136
|
</div>
|
|
133
|
-
<div
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
<div
|
|
137
|
+
<div className="legend-row">
|
|
138
|
+
<div className="circle">
|
|
139
|
+
<div className="dot-region"></div>
|
|
140
|
+
</div>
|
|
141
|
+
<div>Associated region</div>
|
|
138
142
|
</div>
|
|
139
|
-
<div>Associated region</div>
|
|
140
143
|
</div>
|
|
141
|
-
</
|
|
142
|
-
</Grid.
|
|
143
|
-
|
|
144
|
+
</Grid.Row>
|
|
145
|
+
</Grid.Column>
|
|
146
|
+
) : (
|
|
147
|
+
''
|
|
148
|
+
)}
|
|
144
149
|
</Grid>
|
|
145
150
|
) : null}
|
|
146
151
|
</Grid.Row>
|
|
152
|
+
{hideFilters ? (
|
|
153
|
+
<Grid.Row stretched={true}>
|
|
154
|
+
<div className="legend position-bottom">
|
|
155
|
+
{/* <div className="legend-row legend-subtitle">Legend</div> */}
|
|
156
|
+
<div className="legend-row">
|
|
157
|
+
<div className="circle">
|
|
158
|
+
<div className="dot-demosite"></div>
|
|
159
|
+
</div>
|
|
160
|
+
<div>Demo site</div>
|
|
161
|
+
</div>
|
|
162
|
+
<div className="legend-row">
|
|
163
|
+
<div className="circle">
|
|
164
|
+
<div className="dot-region"></div>
|
|
165
|
+
</div>
|
|
166
|
+
<div>Associated region</div>
|
|
167
|
+
</div>
|
|
168
|
+
</div>
|
|
169
|
+
</Grid.Row>
|
|
170
|
+
) : (
|
|
171
|
+
''
|
|
172
|
+
)}
|
|
147
173
|
</div>
|
|
148
174
|
);
|
|
149
175
|
}
|
|
@@ -409,12 +409,17 @@
|
|
|
409
409
|
|
|
410
410
|
.legend {
|
|
411
411
|
// position: absolute;
|
|
412
|
-
bottom: 2em;
|
|
412
|
+
// bottom: 2em;
|
|
413
413
|
display: flex;
|
|
414
414
|
flex-direction: row;
|
|
415
415
|
align-items: flex-start;
|
|
416
|
+
justify-content: center;
|
|
416
417
|
gap: 1em;
|
|
417
418
|
|
|
419
|
+
&.position-bottom {
|
|
420
|
+
margin-top: 1em;
|
|
421
|
+
}
|
|
422
|
+
|
|
418
423
|
.legend-row {
|
|
419
424
|
display: flex;
|
|
420
425
|
align-items: center;
|