@vaadin/vaadin-app-layout - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-app-layout",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "vaadin-app-layout.js",
@@ -16,0 +16,0 @@ "author": "Vaadin Ltd",

src/vaadin-app-layout.js

@@ -130,2 +130,3 @@ /**
         flex: auto;
+        height: 100%;
         overflow: auto;
@@ -167,3 +168,3 @@ -webkit-overflow-scrolling: touch;
   static get version() {
-    return '1.0.0';
+    return '1.0.1';
   }
@@ -170,0 +171,0 @@

theme/lumo/vaadin-app-layout-styles.js

 import '@vaadin/vaadin-lumo-styles/color.js';
 import '@vaadin/vaadin-lumo-styles/spacing.js';
 import '@vaadin/vaadin-lumo-styles/typography.js';
-const $_documentContainer = document.createElement('template');
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
 
-$_documentContainer.innerHTML = `<dom-module id="lumo-app-layout" theme-for="vaadin-app-layout">
+const $_documentContainer = html`<dom-module id="lumo-app-layout" theme-for="vaadin-app-layout">
   <template>
@@ -8,0 +8,0 @@ <style>

theme/material/vaadin-app-layout-styles.js

 import '@vaadin/vaadin-material-styles/color.js';
 import '@vaadin/vaadin-material-styles/shadow.js';
 import '@vaadin/vaadin-material-styles/typography.js';
-const $_documentContainer = document.createElement('template');
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
 
-$_documentContainer.innerHTML = `<dom-module id="material-app-layout" theme-for="vaadin-app-layout">
+const $_documentContainer = html`<dom-module id="material-app-layout" theme-for="vaadin-app-layout">
   <template>
@@ -8,0 +8,0 @@ <style>

No alert changes

Improved metrics

Total package byte prevSize

58329

increased by0.27%

Lines of code

444

increased by0.23%

No dependency changes