io-sanita-theme 2.2.2 → 2.2.3
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
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.2.3](https://github.com/RedTurtle/io-sanita-theme/compare/2.2.2...2.2.3) (2025-02-17)
|
|
4
|
+
|
|
5
|
+
### Bug Fixes
|
|
6
|
+
|
|
7
|
+
* language selector ([23b94a1](https://github.com/RedTurtle/io-sanita-theme/commit/23b94a16ccc2e3db86c443f91a8e7a4ce67c6cb4))
|
|
8
|
+
|
|
3
9
|
## [2.2.2](https://github.com/RedTurtle/io-sanita-theme/compare/2.2.1...2.2.2) (2025-02-13)
|
|
4
10
|
|
|
5
11
|
### Bug Fixes
|
package/package.json
CHANGED
|
@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
|
|
|
9
9
|
|
|
10
10
|
import find from 'lodash/find';
|
|
11
11
|
import map from 'lodash/map';
|
|
12
|
-
import
|
|
12
|
+
import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
|
|
13
13
|
import { useSelector } from 'react-redux';
|
|
14
14
|
import cx from 'classnames';
|
|
15
15
|
import {
|
|
@@ -19,7 +19,8 @@ import {
|
|
|
19
19
|
DropdownToggle,
|
|
20
20
|
LinkList,
|
|
21
21
|
LinkListItem,
|
|
22
|
-
|
|
22
|
+
UncontrolledDropdown,
|
|
23
|
+
Icon,
|
|
23
24
|
} from 'design-react-kit';
|
|
24
25
|
|
|
25
26
|
import langmap from '@plone/volto/helpers/LanguageMap/LanguageMap';
|
|
@@ -53,20 +54,25 @@ const LanguageSelector = (props) => {
|
|
|
53
54
|
);
|
|
54
55
|
|
|
55
56
|
return config.settings.isMultilingual ? (
|
|
56
|
-
<
|
|
57
|
-
<DropdownToggle aria-haspopup caret inNavbar>
|
|
57
|
+
<UncontrolledDropdown nav tag="div" inNavbar>
|
|
58
|
+
<DropdownToggle aria-haspopup caret inNavbar nav role="button">
|
|
58
59
|
{languagesISO392[currentLang]}
|
|
60
|
+
<Icon
|
|
61
|
+
icon="it-expand"
|
|
62
|
+
color="icon-white"
|
|
63
|
+
className="d-none d-lg-block"
|
|
64
|
+
/>
|
|
59
65
|
</DropdownToggle>
|
|
60
|
-
<DropdownMenu flip
|
|
61
|
-
<Row
|
|
62
|
-
<Col
|
|
63
|
-
<LinkList
|
|
66
|
+
<DropdownMenu flip>
|
|
67
|
+
<Row>
|
|
68
|
+
<Col size="12">
|
|
69
|
+
<LinkList>
|
|
64
70
|
{map(config.settings.supportedLanguages, (lang) => {
|
|
65
71
|
const translation = find(translations, { language: lang });
|
|
66
72
|
return (
|
|
67
73
|
<LinkListItem
|
|
68
74
|
className={cx({ selected: lang === currentLang })}
|
|
69
|
-
|
|
75
|
+
href={
|
|
70
76
|
translation
|
|
71
77
|
? flattenToAppURL(translation['@id'])
|
|
72
78
|
: `/${lang}`
|
|
@@ -76,7 +82,8 @@ const LanguageSelector = (props) => {
|
|
|
76
82
|
props.onClickAction();
|
|
77
83
|
}}
|
|
78
84
|
key={`language-selector-${lang}`}
|
|
79
|
-
tag={
|
|
85
|
+
tag={UniversalLink}
|
|
86
|
+
inDropdown
|
|
80
87
|
>
|
|
81
88
|
<span>{langmap[lang].nativeName}</span>
|
|
82
89
|
</LinkListItem>
|
|
@@ -86,7 +93,7 @@ const LanguageSelector = (props) => {
|
|
|
86
93
|
</Col>
|
|
87
94
|
</Row>
|
|
88
95
|
</DropdownMenu>
|
|
89
|
-
</
|
|
96
|
+
</UncontrolledDropdown>
|
|
90
97
|
) : (
|
|
91
98
|
<Helmet>
|
|
92
99
|
<html lang={config.settings.defaultLanguage} />
|
|
@@ -1,6 +1,22 @@
|
|
|
1
1
|
.it-header-slim-wrapper {
|
|
2
2
|
font-weight: $font-weight-semibold;
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
|
|
4
|
+
.it-header-slim-wrapper-content {
|
|
5
|
+
a {
|
|
6
|
+
background-color: transparent;
|
|
7
|
+
}
|
|
8
|
+
.dropdown-menu {
|
|
9
|
+
top: 100% !important;
|
|
10
|
+
}
|
|
5
11
|
}
|
|
6
12
|
}
|
|
13
|
+
|
|
14
|
+
// @include media-breakpoint-up(lg) {
|
|
15
|
+
// .it-header-slim-wrapper {
|
|
16
|
+
// .it-header-slim-wrapper-content {
|
|
17
|
+
// .dropdown-menu {
|
|
18
|
+
// top: 100% !important;
|
|
19
|
+
// }
|
|
20
|
+
// }
|
|
21
|
+
// }
|
|
22
|
+
// }
|