@astronox/core 0.4.17 → 0.4.18
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/package.json +1 -1
- package/src/layouts/BaseLayout.astro +2 -14
- package/src/layouts/index.ts +0 -1
- package/src/styles/base.css +0 -21
- package/src/layouts/contracts.ts +0 -1
package/package.json
CHANGED
|
@@ -12,7 +12,6 @@ import Breadcrumbs from '../components/navigation/Breadcrumbs/Breadcrumbs.astro'
|
|
|
12
12
|
import ScrollToTop from '../components/actions/ScrollToTop/ScrollToTop.astro';
|
|
13
13
|
import ThemeBootstrap from '../components/feedback/ThemeBootstrap/ThemeBootstrap.astro';
|
|
14
14
|
import { defaultThemeStorageKey } from '../theme/storage';
|
|
15
|
-
import type { SiteScrollMode } from './contracts';
|
|
16
15
|
|
|
17
16
|
type Props = HTMLAttributes<'html'> & {
|
|
18
17
|
meta: PageMeta;
|
|
@@ -23,7 +22,6 @@ type Props = HTMLAttributes<'html'> & {
|
|
|
23
22
|
breadcrumbLabel: string;
|
|
24
23
|
breadcrumbTone?: Tone;
|
|
25
24
|
scrollToTopLabel?: string;
|
|
26
|
-
scrollMode?: SiteScrollMode;
|
|
27
25
|
structuredData?: readonly JsonLdNode[];
|
|
28
26
|
tone?: Tone;
|
|
29
27
|
themeStorageKey?: string;
|
|
@@ -38,7 +36,6 @@ const {
|
|
|
38
36
|
meta,
|
|
39
37
|
pageSurfaceAttributes,
|
|
40
38
|
scrollToTopLabel,
|
|
41
|
-
scrollMode = 'shell',
|
|
42
39
|
site,
|
|
43
40
|
structuredData,
|
|
44
41
|
tone,
|
|
@@ -50,13 +47,7 @@ const resolvedTone = tone ?? dataTone;
|
|
|
50
47
|
---
|
|
51
48
|
|
|
52
49
|
<!doctype html>
|
|
53
|
-
<html
|
|
54
|
-
{...htmlAttrs}
|
|
55
|
-
lang={lang}
|
|
56
|
-
data-site-scroll-mode={scrollMode}
|
|
57
|
-
data-site-scroll-root={scrollMode === 'document' ? true : undefined}
|
|
58
|
-
data-tone={resolvedTone}
|
|
59
|
-
>
|
|
50
|
+
<html {...htmlAttrs} lang={lang} data-tone={resolvedTone}>
|
|
60
51
|
<head>
|
|
61
52
|
<meta charset="utf-8" />
|
|
62
53
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
@@ -71,10 +62,7 @@ const resolvedTone = tone ?? dataTone;
|
|
|
71
62
|
<slot name="head" />
|
|
72
63
|
</head>
|
|
73
64
|
<body>
|
|
74
|
-
<div
|
|
75
|
-
class="site-shell"
|
|
76
|
-
data-site-scroll-root={scrollMode === 'shell' ? true : undefined}
|
|
77
|
-
>
|
|
65
|
+
<div class="site-shell" data-site-scroll-root>
|
|
78
66
|
<slot name="skip-link" />
|
|
79
67
|
<slot name="header" />
|
|
80
68
|
<div class="site-viewport" data-site-viewport>
|
package/src/layouts/index.ts
CHANGED
package/src/styles/base.css
CHANGED
|
@@ -71,7 +71,6 @@ body {
|
|
|
71
71
|
scroll-padding-block-start: var(--nox-site-header-responsive-height);
|
|
72
72
|
scrollbar-gutter: stable;
|
|
73
73
|
background: var(--nox-page-background);
|
|
74
|
-
overscroll-behavior-y: contain;
|
|
75
74
|
}
|
|
76
75
|
|
|
77
76
|
@supports (height: 100svh) {
|
|
@@ -145,26 +144,6 @@ p {
|
|
|
145
144
|
background: var(--nox-page-background);
|
|
146
145
|
}
|
|
147
146
|
|
|
148
|
-
html[data-site-scroll-mode='document'] {
|
|
149
|
-
height: auto;
|
|
150
|
-
overflow-x: hidden;
|
|
151
|
-
overflow-y: auto;
|
|
152
|
-
scroll-padding-block-start: var(--nox-site-header-responsive-height);
|
|
153
|
-
scrollbar-gutter: stable;
|
|
154
|
-
overscroll-behavior-y: contain;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
html[data-site-scroll-mode='document'] body {
|
|
158
|
-
height: auto;
|
|
159
|
-
overflow: visible;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
html[data-site-scroll-mode='document'] .site-shell {
|
|
163
|
-
height: auto;
|
|
164
|
-
grid-template-rows: auto auto;
|
|
165
|
-
overflow: visible;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
147
|
.site-main {
|
|
169
148
|
display: grid;
|
|
170
149
|
width: var(--nox-page-width);
|
package/src/layouts/contracts.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SiteScrollMode = 'document' | 'shell';
|