neo.mjs 6.33.0 → 6.34.0
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/apps/ServiceWorker.mjs +2 -2
- package/apps/portal/view/home/MainContainer.mjs +10 -3
- package/apps/portal/view/home/parts/AfterMath.mjs +1 -1
- package/examples/ServiceWorker.mjs +2 -2
- package/package.json +1 -1
- package/resources/scss/src/apps/portal/Viewport.scss +10 -0
- package/resources/scss/src/apps/portal/home/FooterContainer.scss +19 -2
- package/resources/scss/src/apps/portal/home/MainContainer.scss +6 -1
- package/resources/scss/src/apps/portal/home/parts/AfterMath.scss +2 -0
- package/resources/scss/src/apps/portal/home/parts/BaseContainer.scss +6 -3
- package/resources/scss/src/apps/portal/home/parts/Colors.scss +7 -0
- package/resources/scss/src/apps/portal/home/parts/Features.scss +5 -0
- package/resources/scss/src/apps/portal/home/parts/Helix.scss +6 -0
- package/resources/scss/src/apps/portal/home/parts/How.scss +14 -0
- package/src/DefaultConfig.mjs +2 -2
package/apps/ServiceWorker.mjs
CHANGED
|
@@ -28,8 +28,9 @@ class MainContainer extends Container {
|
|
|
28
28
|
*/
|
|
29
29
|
domListeners: [{
|
|
30
30
|
intersect(data) {
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
let id = data.path[1].id;
|
|
32
|
+
this.activePartsId = id;
|
|
33
|
+
Neo.getComponent(id)?.activate?.()
|
|
33
34
|
},
|
|
34
35
|
scroll(event) {
|
|
35
36
|
if (event.target.cls.includes('portal-home-maincontainer')) {
|
|
@@ -37,6 +38,12 @@ class MainContainer extends Container {
|
|
|
37
38
|
}
|
|
38
39
|
}
|
|
39
40
|
}],
|
|
41
|
+
/**
|
|
42
|
+
* @member {Object} itemDefaults
|
|
43
|
+
*/
|
|
44
|
+
itemDefaults: {
|
|
45
|
+
flex: 'none'
|
|
46
|
+
},
|
|
40
47
|
/**
|
|
41
48
|
* @member {Object[]} items
|
|
42
49
|
*/
|
|
@@ -78,7 +85,7 @@ class MainContainer extends Container {
|
|
|
78
85
|
Neo.main.addon.IntersectionObserver.register({
|
|
79
86
|
callback : 'isVisible',
|
|
80
87
|
id,
|
|
81
|
-
observe : ['.portal-
|
|
88
|
+
observe : ['.portal-content-wrapper'],
|
|
82
89
|
root : `#${id}`,
|
|
83
90
|
threshold: 1.0,
|
|
84
91
|
windowId
|
package/package.json
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
body {
|
|
2
|
+
> .neo-viewport {
|
|
3
|
+
// without the snap scrolling it is possible to scroll the viewport
|
|
4
|
+
// by the height of the header toolbar outside the visible area
|
|
5
|
+
// see: https://github.com/neomjs/neo/issues/5715
|
|
6
|
+
position: fixed;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
|
|
1
11
|
.neo-viewport {
|
|
2
12
|
// sometimes when transitioning between card & cube layouts, the flex value does get lost
|
|
3
13
|
// see: https://github.com/neomjs/neo/issues/5637
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
.portal-home-footer-container {
|
|
2
2
|
background-color: black;
|
|
3
|
+
height : 35%;
|
|
3
4
|
padding : 2em;
|
|
4
5
|
|
|
5
6
|
.neo-button.neo-button-ghost {
|
|
@@ -29,8 +30,24 @@
|
|
|
29
30
|
color : white;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
|
-
@media (max-width:
|
|
33
|
-
|
|
33
|
+
@media (max-width: 800px) {
|
|
34
|
+
max-height: 18em;
|
|
35
|
+
min-height: 18em;
|
|
36
|
+
padding : 1em;
|
|
37
|
+
|
|
38
|
+
h2.neo-h2 {
|
|
39
|
+
font-size: 1.2rem;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.neo-button {
|
|
43
|
+
padding: 0 3px;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@media (max-width: 500px) {
|
|
48
|
+
max-height: 15em;
|
|
49
|
+
min-height: 15em;
|
|
50
|
+
padding : 1em;
|
|
34
51
|
|
|
35
52
|
h2.neo-h2 {
|
|
36
53
|
font-size: 1.2rem;
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
.portal-home-maincontainer {
|
|
2
|
-
overflow-x : hidden!important;
|
|
2
|
+
overflow-x : hidden !important;
|
|
3
3
|
scroll-behavior : smooth;
|
|
4
4
|
scroll-snap-type: y mandatory;
|
|
5
5
|
|
|
6
|
+
@media (max-width: 840px) {
|
|
7
|
+
scroll-behavior : unset;
|
|
8
|
+
scroll-snap-type: unset;
|
|
9
|
+
}
|
|
10
|
+
|
|
6
11
|
/* Style and position the progress bar */
|
|
7
12
|
.portal-home-progress {
|
|
8
13
|
background : var(--sem-color-surface-primary-background);
|
|
@@ -27,8 +27,9 @@
|
|
|
27
27
|
|
|
28
28
|
.portal-content-text {
|
|
29
29
|
@media (max-width: 600px) {
|
|
30
|
+
flex : .5 !important;
|
|
30
31
|
justify-content: start;
|
|
31
|
-
|
|
32
|
+
padding : 1rem;
|
|
32
33
|
}
|
|
33
34
|
}
|
|
34
35
|
|
|
@@ -36,8 +37,10 @@
|
|
|
36
37
|
background-color: lightgray;
|
|
37
38
|
padding : 20px;
|
|
38
39
|
|
|
39
|
-
@media (max-width:
|
|
40
|
-
|
|
40
|
+
@media (max-width: 600px) {
|
|
41
|
+
max-height: 35em;
|
|
42
|
+
min-height: 35em;
|
|
43
|
+
padding : 5px;
|
|
41
44
|
}
|
|
42
45
|
}
|
|
43
46
|
}
|
|
@@ -22,10 +22,24 @@
|
|
|
22
22
|
padding : 20px;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
+
@media (max-width: 500px) {
|
|
26
|
+
min-height: 100%;
|
|
27
|
+
|
|
28
|
+
.portal-content-text {
|
|
29
|
+
flex: 1.2 !important;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
25
33
|
@media (max-width: 840px) {
|
|
34
|
+
min-height: 100%;
|
|
35
|
+
|
|
26
36
|
&.neo-flex-container {
|
|
27
37
|
flex-direction: column;
|
|
28
38
|
}
|
|
39
|
+
|
|
40
|
+
.portal-content-text {
|
|
41
|
+
flex: 0.8 !important;
|
|
42
|
+
}
|
|
29
43
|
}
|
|
30
44
|
|
|
31
45
|
@media (max-width: 500px) {
|
package/src/DefaultConfig.mjs
CHANGED
|
@@ -260,12 +260,12 @@ const DefaultConfig = {
|
|
|
260
260
|
useVdomWorker: true,
|
|
261
261
|
/**
|
|
262
262
|
* buildScripts/injectPackageVersion.mjs will update this value
|
|
263
|
-
* @default '6.
|
|
263
|
+
* @default '6.34.0'
|
|
264
264
|
* @memberOf! module:Neo
|
|
265
265
|
* @name config.version
|
|
266
266
|
* @type String
|
|
267
267
|
*/
|
|
268
|
-
version: '6.
|
|
268
|
+
version: '6.34.0'
|
|
269
269
|
};
|
|
270
270
|
|
|
271
271
|
Object.assign(DefaultConfig, {
|