@vaadin/app-layout 22.0.0-beta2 → 22.0.2
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/app-layout",
|
|
3
|
-
"version": "22.0.
|
|
3
|
+
"version": "22.0.2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -34,17 +34,17 @@
|
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@polymer/iron-resizable-behavior": "^3.0.0",
|
|
36
36
|
"@polymer/polymer": "^3.0.0",
|
|
37
|
-
"@vaadin/button": "22.0.
|
|
38
|
-
"@vaadin/component-base": "22.0.
|
|
39
|
-
"@vaadin/vaadin-lumo-styles": "22.0.
|
|
40
|
-
"@vaadin/vaadin-material-styles": "22.0.
|
|
41
|
-
"@vaadin/vaadin-themable-mixin": "22.0.
|
|
37
|
+
"@vaadin/button": "^22.0.2",
|
|
38
|
+
"@vaadin/component-base": "^22.0.2",
|
|
39
|
+
"@vaadin/vaadin-lumo-styles": "^22.0.2",
|
|
40
|
+
"@vaadin/vaadin-material-styles": "^22.0.2",
|
|
41
|
+
"@vaadin/vaadin-themable-mixin": "^22.0.2"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@esm-bundle/chai": "^4.3.4",
|
|
45
|
-
"@vaadin/tabs": "22.0.
|
|
46
|
-
"@vaadin/testing-helpers": "^0.3.
|
|
45
|
+
"@vaadin/tabs": "^22.0.2",
|
|
46
|
+
"@vaadin/testing-helpers": "^0.3.2",
|
|
47
47
|
"sinon": "^9.2.1"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "df21370c4a655a38eac11f79686021ab3b0887ad"
|
|
50
50
|
}
|
package/src/detect-ios-navbar.js
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2021 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
import { isIOS } from '@vaadin/component-base/src/browser-utils.js';
|
|
7
|
+
|
|
1
8
|
export const _detectIosNavbar = function () {
|
|
2
9
|
/* c8 ignore next 11 */
|
|
3
|
-
if (
|
|
10
|
+
if (isIOS) {
|
|
4
11
|
const innerHeight = window.innerHeight;
|
|
5
12
|
const innerWidth = window.innerWidth;
|
|
6
13
|
const landscape = innerWidth > innerHeight;
|
package/src/safe-area-inset.js
CHANGED
|
@@ -4,19 +4,10 @@ $_documentContainer.innerHTML = `
|
|
|
4
4
|
<style>
|
|
5
5
|
/* Use units so that the values can be used in calc() */
|
|
6
6
|
html {
|
|
7
|
-
--safe-area-inset-top:
|
|
8
|
-
--safe-area-inset-right:
|
|
9
|
-
--safe-area-inset-bottom:
|
|
10
|
-
--safe-area-inset-left:
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@supports (padding-left: env(safe-area-inset-left)) {
|
|
14
|
-
html {
|
|
15
|
-
--safe-area-inset-top: env(safe-area-inset-top, 0px);
|
|
16
|
-
--safe-area-inset-right: env(safe-area-inset-right, 0px);
|
|
17
|
-
--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
|
|
18
|
-
--safe-area-inset-left: env(safe-area-inset-left, 0px);
|
|
19
|
-
}
|
|
7
|
+
--safe-area-inset-top: env(safe-area-inset-top, 0px);
|
|
8
|
+
--safe-area-inset-right: env(safe-area-inset-right, 0px);
|
|
9
|
+
--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
|
|
10
|
+
--safe-area-inset-left: env(safe-area-inset-left, 0px);
|
|
20
11
|
}
|
|
21
12
|
</style>
|
|
22
13
|
`;
|
|
@@ -72,7 +72,6 @@ export type AppLayoutEventMap = HTMLElementEventMap & AppLayoutCustomEventMap;
|
|
|
72
72
|
* --------------|---------------------------------------------------------|
|
|
73
73
|
* `navbar` | Container for the navigation bar
|
|
74
74
|
* `drawer` | Container for the drawer area
|
|
75
|
-
* `content` | Container for page content.
|
|
76
75
|
*
|
|
77
76
|
* See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation.
|
|
78
77
|
*
|
package/src/vaadin-app-layout.js
CHANGED
|
@@ -54,7 +54,6 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
|
|
|
54
54
|
* --------------|---------------------------------------------------------|
|
|
55
55
|
* `navbar` | Container for the navigation bar
|
|
56
56
|
* `drawer` | Container for the drawer area
|
|
57
|
-
* `content` | Container for page content.
|
|
58
57
|
*
|
|
59
58
|
* See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation.
|
|
60
59
|
*
|
|
@@ -148,7 +147,6 @@ class AppLayout extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizable
|
|
|
148
147
|
|
|
149
148
|
:host(:not([no-scroll])) [content] {
|
|
150
149
|
overflow: auto;
|
|
151
|
-
-webkit-overflow-scrolling: touch;
|
|
152
150
|
}
|
|
153
151
|
|
|
154
152
|
[content] {
|