@stacksjs/defaults 0.72.66 → 0.72.67
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/ide/vscode/package.json
CHANGED
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@stacksjs/defaults",
|
|
3
3
|
"type": "module",
|
|
4
4
|
"sideEffects": false,
|
|
5
|
-
"version": "0.72.
|
|
5
|
+
"version": "0.72.67",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/stacksjs/stacks.git",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@iconify-json/f7": "^1.2.2",
|
|
53
53
|
"@iconify-json/hugeicons": "^1.2.27",
|
|
54
|
-
"@stacksjs/mobile": "^0.72.
|
|
54
|
+
"@stacksjs/mobile": "^0.72.67",
|
|
55
55
|
"@stacksjs/sanitizer": "^0.2.113"
|
|
56
56
|
},
|
|
57
57
|
"scripts": {
|
|
@@ -54,8 +54,23 @@ const className = useReactiveProp<string>('class', '')
|
|
|
54
54
|
padding-bottom: var(--native-safe-area-bottom);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
/*
|
|
58
|
+
* Clearance for the fixed tab bar, and ONLY where a tab bar can appear.
|
|
59
|
+
*
|
|
60
|
+
* The slot element exists in the DOM whenever `tabBar` is set, but a bottom
|
|
61
|
+
* tab bar is a mobile control — apps hide its contents at desktop widths
|
|
62
|
+
* (`md:hidden`). `:has()` matches the slot either way, so this reserved 5rem
|
|
63
|
+
* on desktop too: eighty pixels of empty, scrollable nothing below the
|
|
64
|
+
* footer that a visitor could scroll into, which reads as a broken page.
|
|
65
|
+
*
|
|
66
|
+
* Scoped to below `md` (768px, the framework's own breakpoint and where
|
|
67
|
+
* NativeTabBar stops being shown) so the clearance exists exactly when the
|
|
68
|
+
* thing it is clearing does.
|
|
69
|
+
*/
|
|
70
|
+
@media (max-width: 767.98px) {
|
|
71
|
+
.native-app-shell:has(.native-app-tab-slot) .native-app-content {
|
|
72
|
+
padding-bottom: calc(5rem + var(--native-safe-area-bottom));
|
|
73
|
+
}
|
|
59
74
|
}
|
|
60
75
|
|
|
61
76
|
.native-app-sticky-top {
|