gatsby-core-theme 44.9.1 → 44.9.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 +18 -0
- package/gatsby-node.mjs +0 -3
- package/package.json +1 -1
- package/src/components/molecules/spotlights_v2/image-text/template-five/item/index.js +24 -23
- package/src/components/molecules/spotlights_v2/image-text/template-five/item/style.module.scss +38 -27
- package/src/components/organisms/navigation/index.js +19 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
## [44.9.3](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.9.2...v44.9.3) (2025-12-04)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* update spotlights ([415fe58](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/415fe5856b1cb9a437c55267e971bf42625b7687))
|
|
7
|
+
|
|
8
|
+
## [44.9.2](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.9.1...v44.9.2) (2025-12-04)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* add menu position prop ([1164c35](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/1164c353e3525381f77533b3c71b3268f74843ac))
|
|
14
|
+
* clean up context ([8c142cf](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/8c142cf051646852134229b2b7ad8278fd8c60bb))
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
* Merge branch 'EN-212-menu-position' into 'master' ([a3c2cb0](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/a3c2cb0aa7969cbafc95773671847f2f161918a8))
|
|
18
|
+
|
|
1
19
|
## [44.9.1](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.9.0...v44.9.1) (2025-11-24)
|
|
2
20
|
|
|
3
21
|
|
package/gatsby-node.mjs
CHANGED
|
@@ -37,7 +37,6 @@ let operators = null;
|
|
|
37
37
|
const contextHolder = { context404: null };
|
|
38
38
|
|
|
39
39
|
let siteSchema = null;
|
|
40
|
-
let authors = null;
|
|
41
40
|
|
|
42
41
|
let responsableGamingData = null;
|
|
43
42
|
let toplistData = null;
|
|
@@ -138,7 +137,6 @@ export const createPages = async (
|
|
|
138
137
|
processedPage.preconnect_links = preconnectLinks;
|
|
139
138
|
|
|
140
139
|
siteSchema = schemaData[page["market_id"]];
|
|
141
|
-
authors = siteSettingsData;
|
|
142
140
|
|
|
143
141
|
page.siteInfo = siteGeneralData;
|
|
144
142
|
page.siteSchema = siteSchema;
|
|
@@ -176,7 +174,6 @@ export const createPages = async (
|
|
|
176
174
|
siteGeneralData,
|
|
177
175
|
autogenerated,
|
|
178
176
|
siteSchema,
|
|
179
|
-
authors,
|
|
180
177
|
comments: commentsData?.[page?.id],
|
|
181
178
|
lang: page.language,
|
|
182
179
|
...themeOptions,
|
package/package.json
CHANGED
|
@@ -15,34 +15,35 @@ export default function TemplateOne({
|
|
|
15
15
|
width = 240,
|
|
16
16
|
height = 240,
|
|
17
17
|
index
|
|
18
|
-
}) {
|
|
18
|
+
}) {
|
|
19
19
|
const TitleTag = item?.title_tag || "label";
|
|
20
|
-
|
|
20
|
+
|
|
21
21
|
return (
|
|
22
22
|
<div className={styles.item}>
|
|
23
|
-
<div>
|
|
24
|
-
<
|
|
25
|
-
|
|
23
|
+
<div className={styles.leftContainer}>
|
|
24
|
+
<div>
|
|
25
|
+
<span className={styles.number}>{index}</span>
|
|
26
|
+
</div>
|
|
26
27
|
<div className={styles.content}>
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
)}
|
|
28
|
+
{item?.label && <TitleTag>{item?.label}</TitleTag>}
|
|
29
|
+
{item?.text && (
|
|
30
|
+
<div
|
|
31
|
+
tabIndex={`${scrollableContent ? 0 : -1}`}
|
|
32
|
+
className={`${styles.desc} ${scrollableContent ? styles.scroll : ""
|
|
33
|
+
}`}
|
|
34
|
+
dangerouslySetInnerHTML={{ __html: item?.text }}
|
|
35
|
+
/>
|
|
36
|
+
)}
|
|
37
37
|
</div>
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
38
|
+
</div>
|
|
39
|
+
{item?.image && (
|
|
40
|
+
<LazyImage
|
|
41
|
+
width={width}
|
|
42
|
+
height={height}
|
|
43
|
+
src={imagePrettyUrl(item?.image, width, height)}
|
|
44
|
+
alt={getAltText(item?.image_object, item?.label)}
|
|
45
|
+
/>
|
|
46
|
+
)}
|
|
46
47
|
</div>
|
|
47
48
|
);
|
|
48
49
|
}
|
package/src/components/molecules/spotlights_v2/image-text/template-five/item/style.module.scss
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
align-items: flex-start;
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
>
|
|
9
|
+
>label {
|
|
10
10
|
font-size: 2.4rem;
|
|
11
11
|
font-weight: 600;
|
|
12
12
|
line-height: 3.2rem;
|
|
@@ -17,13 +17,14 @@
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
>
|
|
20
|
+
>h2,
|
|
21
21
|
h3,
|
|
22
22
|
h4 {
|
|
23
23
|
font-size: 2.4rem;
|
|
24
24
|
font-weight: 600;
|
|
25
25
|
line-height: 3.2rem;
|
|
26
26
|
color: #1B1B1C;
|
|
27
|
+
margin: 0;
|
|
27
28
|
|
|
28
29
|
@include min(tablet) {
|
|
29
30
|
grid-column: 2;
|
|
@@ -50,25 +51,35 @@
|
|
|
50
51
|
height: 100%;
|
|
51
52
|
padding-top: 2.4rem;
|
|
52
53
|
padding-bottom: 2.4rem;
|
|
53
|
-
gap:
|
|
54
|
+
gap: 3.2rem;
|
|
55
|
+
|
|
56
|
+
.leftContainer {
|
|
57
|
+
display: flex;
|
|
58
|
+
flex-direction: column;
|
|
59
|
+
gap: 1.6rem;
|
|
60
|
+
|
|
61
|
+
@include min(tablet) {
|
|
62
|
+
flex-direction: row
|
|
63
|
+
}
|
|
64
|
+
}
|
|
54
65
|
|
|
55
66
|
@include flex-direction(column);
|
|
56
67
|
@include flex-align(start, space-between);
|
|
57
68
|
|
|
58
69
|
border-bottom: 2px solid #D63B54;
|
|
59
70
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
71
|
+
@include min(tablet) {
|
|
72
|
+
padding-top: 3.2rem;
|
|
73
|
+
padding-bottom: 3.2rem;
|
|
74
|
+
flex-direction: row;
|
|
75
|
+
}
|
|
65
76
|
|
|
66
|
-
>
|
|
77
|
+
>a {
|
|
67
78
|
height: 5.6rem;
|
|
68
79
|
width: 100%;
|
|
69
80
|
}
|
|
70
81
|
|
|
71
|
-
|
|
82
|
+
>img {
|
|
72
83
|
width: 100%;
|
|
73
84
|
height: 34rem;
|
|
74
85
|
object-fit: cover;
|
|
@@ -137,7 +148,7 @@
|
|
|
137
148
|
line-height: 2.7rem;
|
|
138
149
|
cursor: pointer;
|
|
139
150
|
|
|
140
|
-
>
|
|
151
|
+
>svg {
|
|
141
152
|
margin-left: 0.4rem;
|
|
142
153
|
}
|
|
143
154
|
|
|
@@ -146,12 +157,12 @@
|
|
|
146
157
|
}
|
|
147
158
|
}
|
|
148
159
|
|
|
149
|
-
.topSection{
|
|
160
|
+
.topSection {
|
|
150
161
|
display: flex;
|
|
151
162
|
align-items: flex-start;
|
|
152
163
|
justify-content: flex-start;
|
|
153
164
|
|
|
154
|
-
|
|
165
|
+
>h2,
|
|
155
166
|
h3,
|
|
156
167
|
h4 {
|
|
157
168
|
font-size: 2.4rem;
|
|
@@ -164,7 +175,7 @@
|
|
|
164
175
|
}
|
|
165
176
|
}
|
|
166
177
|
|
|
167
|
-
span{
|
|
178
|
+
span {
|
|
168
179
|
margin-right: 1rem;
|
|
169
180
|
background-color: #D63B54;
|
|
170
181
|
width: 3.2rem;
|
|
@@ -181,16 +192,16 @@
|
|
|
181
192
|
}
|
|
182
193
|
}
|
|
183
194
|
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
195
|
+
.number {
|
|
196
|
+
background-color: #D63B54;
|
|
197
|
+
width: 3.2rem;
|
|
198
|
+
height: 3.2rem;
|
|
199
|
+
border-radius: 100%;
|
|
200
|
+
font-size: 1.4rem;
|
|
201
|
+
line-height: 2.2rem;
|
|
202
|
+
font-weight: 500;
|
|
203
|
+
color: #FDFEFD;
|
|
204
|
+
display: flex;
|
|
205
|
+
justify-content: center;
|
|
206
|
+
align-items: center;
|
|
207
|
+
}
|
|
@@ -40,6 +40,7 @@ const Navigation = ({
|
|
|
40
40
|
disableSearch,
|
|
41
41
|
megaMenu = false,
|
|
42
42
|
menu,
|
|
43
|
+
menuPosition = "left",
|
|
43
44
|
}) => {
|
|
44
45
|
const navRef = useRef(React.createRef());
|
|
45
46
|
const ariaLabelNavLogo = useTranslate("ariaLabel-navLogo", "Nav Logo");
|
|
@@ -78,6 +79,21 @@ const Navigation = ({
|
|
|
78
79
|
}
|
|
79
80
|
};
|
|
80
81
|
|
|
82
|
+
const menuComponent = (
|
|
83
|
+
<Menu
|
|
84
|
+
pageContext={pageContext}
|
|
85
|
+
section={section}
|
|
86
|
+
orientation={orientation}
|
|
87
|
+
mobileAnimation={mobileAnimation}
|
|
88
|
+
stopScrollOnOpen={stopScrollOnOpen}
|
|
89
|
+
canOpenAllSubMenus={canOpenAllSubMenus}
|
|
90
|
+
customStyles={customStyles}
|
|
91
|
+
gtmClass="main-menu-gtm"
|
|
92
|
+
menu={menu}
|
|
93
|
+
enableMegaMenu={megaMenu}
|
|
94
|
+
/>
|
|
95
|
+
);
|
|
96
|
+
|
|
81
97
|
return (
|
|
82
98
|
<ConditionalWrapper
|
|
83
99
|
condition={sticky}
|
|
@@ -118,19 +134,7 @@ const Navigation = ({
|
|
|
118
134
|
)}
|
|
119
135
|
{showMenu && (
|
|
120
136
|
<>
|
|
121
|
-
|
|
122
|
-
pageContext={pageContext}
|
|
123
|
-
section={section}
|
|
124
|
-
orientation={orientation}
|
|
125
|
-
mobileAnimation={mobileAnimation}
|
|
126
|
-
stopScrollOnOpen={stopScrollOnOpen}
|
|
127
|
-
canOpenAllSubMenus={canOpenAllSubMenus}
|
|
128
|
-
customStyles={customStyles}
|
|
129
|
-
gtmClass="main-menu-gtm"
|
|
130
|
-
menu={menu}
|
|
131
|
-
enableMegaMenu={megaMenu}
|
|
132
|
-
/>
|
|
133
|
-
|
|
137
|
+
{menuPosition === "left" && menuComponent}
|
|
134
138
|
<div className={styles.navIconContainer}>
|
|
135
139
|
{activeMarket && !disableMarketDropdown && (
|
|
136
140
|
<MarketDropdown pageContext={pageContext} />
|
|
@@ -152,6 +156,7 @@ const Navigation = ({
|
|
|
152
156
|
isDisabled={disableSearch}
|
|
153
157
|
/>
|
|
154
158
|
)}
|
|
159
|
+
{menuPosition === "right" && menuComponent}
|
|
155
160
|
</div>
|
|
156
161
|
</>
|
|
157
162
|
)}
|
|
@@ -207,6 +212,7 @@ Navigation.propTypes = {
|
|
|
207
212
|
logoAlt: PropTypes.string,
|
|
208
213
|
logoWidth: PropTypes.number,
|
|
209
214
|
logoHeight: PropTypes.number,
|
|
215
|
+
menuPosition: PropTypes.oneOf(["left", "right"]),
|
|
210
216
|
};
|
|
211
217
|
|
|
212
218
|
export default Navigation;
|