@eeacms/volto-cca-policy 0.2.7 → 0.2.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,6 +4,22 @@ 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
|
+
### [0.2.8](https://github.com/eea/volto-cca-policy/compare/0.2.7...0.2.8) - 23 April 2024
|
|
8
|
+
|
|
9
|
+
#### :bug: Bug Fixes
|
|
10
|
+
|
|
11
|
+
- fix(tabs): disable hover on Spotlight view [kreafox - [`4ec2545`](https://github.com/eea/volto-cca-policy/commit/4ec25452bcf4702e779d6af7165b99054b4dd012)]
|
|
12
|
+
- fix(block): change icon type and fix icon size in Case Study Explorer block [kreafox - [`a65e4bc`](https://github.com/eea/volto-cca-policy/commit/a65e4bc6d3dee7dc39a05e008e7ee4fc5db53939)]
|
|
13
|
+
|
|
14
|
+
#### :nail_care: Enhancements
|
|
15
|
+
|
|
16
|
+
- change: improve Spotlight tab variation [kreafox - [`a7d2eb9`](https://github.com/eea/volto-cca-policy/commit/a7d2eb9e6c49eef986f53f2daa08114f27de3313)]
|
|
17
|
+
- change(block): improve accordion icon [kreafox - [`79d4a7e`](https://github.com/eea/volto-cca-policy/commit/79d4a7e2cad1cbf50cc77e550a4c9494670dd9e8)]
|
|
18
|
+
|
|
19
|
+
#### :house: Internal changes
|
|
20
|
+
|
|
21
|
+
- style: Automated code fix [eea-jenkins - [`74ecf1e`](https://github.com/eea/volto-cca-policy/commit/74ecf1eb58c613913f0deb6d218ff4c156477e27)]
|
|
22
|
+
|
|
7
23
|
### [0.2.7](https://github.com/eea/volto-cca-policy/compare/0.2.6...0.2.7) - 19 April 2024
|
|
8
24
|
|
|
9
25
|
#### :rocket: New Features
|
package/package.json
CHANGED
|
@@ -2,6 +2,15 @@ import React from 'react';
|
|
|
2
2
|
import { useIntl, FormattedMessage } from 'react-intl';
|
|
3
3
|
import { Accordion, Icon, Checkbox } from 'semantic-ui-react';
|
|
4
4
|
|
|
5
|
+
const AccordionIcon = ({ active }) => {
|
|
6
|
+
return (
|
|
7
|
+
<Icon
|
|
8
|
+
size="small"
|
|
9
|
+
className={active ? 'ri-arrow-up-s-line' : 'ri-arrow-down-s-line'}
|
|
10
|
+
/>
|
|
11
|
+
);
|
|
12
|
+
};
|
|
13
|
+
|
|
5
14
|
export default function CaseStudyFilters(props) {
|
|
6
15
|
const { filters, activeFilters, setActiveFilters } = props;
|
|
7
16
|
|
|
@@ -55,7 +64,7 @@ export default function CaseStudyFilters(props) {
|
|
|
55
64
|
index={0}
|
|
56
65
|
onClick={handleClick}
|
|
57
66
|
>
|
|
58
|
-
<
|
|
67
|
+
<AccordionIcon active={activeIndex.includes(0)} />
|
|
59
68
|
<FormattedMessage
|
|
60
69
|
id="Adaptation sectors"
|
|
61
70
|
defaultMessage="Adaptation sectors"
|
|
@@ -80,7 +89,7 @@ export default function CaseStudyFilters(props) {
|
|
|
80
89
|
index={1}
|
|
81
90
|
onClick={handleClick}
|
|
82
91
|
>
|
|
83
|
-
<
|
|
92
|
+
<AccordionIcon active={activeIndex.includes(1)} />
|
|
84
93
|
<FormattedMessage
|
|
85
94
|
id="Climate impacts"
|
|
86
95
|
defaultMessage="Climate impacts"
|
|
@@ -105,7 +114,7 @@ export default function CaseStudyFilters(props) {
|
|
|
105
114
|
index={2}
|
|
106
115
|
onClick={handleClick}
|
|
107
116
|
>
|
|
108
|
-
<
|
|
117
|
+
<AccordionIcon active={activeIndex.includes(2)} />
|
|
109
118
|
<FormattedMessage
|
|
110
119
|
id="Key type measures"
|
|
111
120
|
defaultMessage="Key type measures"
|
|
@@ -52,8 +52,7 @@ export const AssetTab = ({ props, tabIndex, tabTitle }) => {
|
|
|
52
52
|
src={
|
|
53
53
|
isInternalURL(imageObject['@id'])
|
|
54
54
|
? `${flattenToAppURL(imageObject['@id'])}/${
|
|
55
|
-
imageObject?.image_scales?.image?.[0].
|
|
56
|
-
?.download || imageObject?.image_scales?.image?.[0].download
|
|
55
|
+
imageObject?.image_scales?.image?.[0].download
|
|
57
56
|
}`
|
|
58
57
|
: imageObject['@id']
|
|
59
58
|
}
|
|
@@ -123,7 +122,7 @@ const MenuItem = (props) => {
|
|
|
123
122
|
aria-selected={tab === activeTab}
|
|
124
123
|
tabIndex={0}
|
|
125
124
|
role={'tab'}
|
|
126
|
-
onMouseOver={focusTab}
|
|
125
|
+
// onMouseOver={focusTab}
|
|
127
126
|
onFocus={focusTab}
|
|
128
127
|
onClick={focusTab}
|
|
129
128
|
onKeyDown={(e) => {
|
|
@@ -6,14 +6,35 @@
|
|
|
6
6
|
// this is the menu
|
|
7
7
|
flex-wrap: wrap;
|
|
8
8
|
border: none;
|
|
9
|
+
margin: 1em 0 !important;
|
|
9
10
|
box-shadow: none;
|
|
10
|
-
|
|
11
|
+
|
|
12
|
+
.ui.image.thumb {
|
|
13
|
+
width: 190px;
|
|
14
|
+
height: auto;
|
|
15
|
+
}
|
|
11
16
|
|
|
12
17
|
.item {
|
|
13
|
-
|
|
18
|
+
padding: 0.5em;
|
|
19
|
+
border: 1px solid transparent !important;
|
|
20
|
+
margin: 10px 0;
|
|
21
|
+
|
|
22
|
+
&:not(:last-child) {
|
|
23
|
+
margin-right: 15px !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&:hover {
|
|
27
|
+
border: 1px solid #ddd !important;
|
|
28
|
+
border-radius: 4px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&.active,
|
|
32
|
+
&.active:hover {
|
|
33
|
+
border: 1px solid #ddd !important;
|
|
34
|
+
border-radius: 5px;
|
|
35
|
+
}
|
|
14
36
|
|
|
15
37
|
&:before {
|
|
16
|
-
// border: 0px !important;
|
|
17
38
|
background: none;
|
|
18
39
|
}
|
|
19
40
|
}
|