@eeacms/volto-cca-policy 0.2.10 → 0.2.11

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,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
+ ### [0.2.11](https://github.com/eea/volto-cca-policy/compare/0.2.10...0.2.11) - 26 April 2024
8
+
9
+ #### :house: Internal changes
10
+
11
+ - style: cleanup [kreafox - [`de6b42b`](https://github.com/eea/volto-cca-policy/commit/de6b42b49ae0c431ae18280d9540dfbfe0b025e6)]
12
+ - style: Automated code fix [eea-jenkins - [`c14153c`](https://github.com/eea/volto-cca-policy/commit/c14153c681d84eec6345d58a8974b069e85c14cb)]
13
+ - style: improve spotlight tab variation [kreafox - [`0d25bcc`](https://github.com/eea/volto-cca-policy/commit/0d25bcc163105e3793429f968da30cf8ccf48d1f)]
14
+
7
15
  ### [0.2.10](https://github.com/eea/volto-cca-policy/compare/0.2.9...0.2.10) - 26 April 2024
8
16
 
9
17
  #### :house: Internal changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eeacms/volto-cca-policy",
3
- "version": "0.2.10",
3
+ "version": "0.2.11",
4
4
  "description": "@eeacms/volto-cca-policy: Volto add-on",
5
5
  "main": "src/index.js",
6
6
  "author": "European Environment Agency: IDM2 A-Team",
@@ -28,11 +28,16 @@ export const AssetTab = ({ props, tabIndex, tabTitle }) => {
28
28
  const imageObject = image?.[0];
29
29
  return (
30
30
  <div
31
- className={cx('asset-position', {
32
- 'asset-top': assetPosition === 'top',
33
- 'asset-left': assetPosition === 'left',
34
- 'asset-right': assetPosition === 'right',
35
- })}
31
+ className={cx(
32
+ `${imageSize}-image`,
33
+ `${iconSize}-icon`,
34
+ 'asset-position',
35
+ {
36
+ 'asset-top': assetPosition === 'top',
37
+ 'asset-left': assetPosition === 'left',
38
+ 'asset-right': assetPosition === 'right',
39
+ },
40
+ )}
36
41
  >
37
42
  {assetType === 'icon' && icon && (
38
43
  <Icon
@@ -13,6 +13,8 @@
13
13
  border: none;
14
14
  margin: 1em 0 !important;
15
15
  box-shadow: none;
16
+ font-size: 14px;
17
+ gap: 10px;
16
18
 
17
19
  .ui.image.thumb {
18
20
  width: 190px;
@@ -25,24 +27,36 @@
25
27
  object-fit: contain;
26
28
  }
27
29
 
30
+ .icon-image {
31
+ width: 85px;
32
+ height: 100%;
33
+
34
+ @media only screen and (max-width: 480px) {
35
+ width: 60px;
36
+ }
37
+ }
38
+
28
39
  .item {
29
40
  padding: 0.5em;
30
41
  border: 1px solid transparent !important;
31
- margin: 10px 0;
32
-
33
- &:not(:last-child) {
34
- margin-right: 15px !important;
35
- }
36
42
 
37
43
  &:hover {
38
44
  border: 1px solid #ddd !important;
39
45
  border-radius: 4px;
46
+
47
+ .menu-item-text {
48
+ color: #0f6ba5;
49
+ }
40
50
  }
41
51
 
42
52
  &.active,
43
53
  &.active:hover {
44
54
  border: 1px solid #ddd !important;
45
55
  border-radius: 5px;
56
+
57
+ .menu-item-text {
58
+ color: #0f6ba5;
59
+ }
46
60
  }
47
61
 
48
62
  &:before {