diff --git a/packages/notification/vpu-notification-demo.js b/packages/notification/vpu-notification-demo.js index 17497c44bec5989ca8258c6729354a2fe463804b..693974c1ad22554d12e076d0fad8726b9cf12ca2 100644 --- a/packages/notification/vpu-notification-demo.js +++ b/packages/notification/vpu-notification-demo.js @@ -31,9 +31,6 @@ class NotificationDemo extends LitElement { <div class="container"> <h1 class="title">Notification-Demo</h1> </div> - <div class="container"> - <vpu-notification lang="${this.lang}"></vpu-notification> - </div> <div class="container"> <div class="columns is-vcentered"> <div class="column"> @@ -41,6 +38,9 @@ class NotificationDemo extends LitElement { </div> </div> </div> + <div class="container"> + <vpu-notification lang="${this.lang}"></vpu-notification> + </div> </section> `; } diff --git a/packages/notification/vpu-notification.js b/packages/notification/vpu-notification.js index 41d659bed05a191670fe8b2c9ae344e02eec9866..4e5d1db556c56ce631817254f337dbc31a806a80 100644 --- a/packages/notification/vpu-notification.js +++ b/packages/notification/vpu-notification.js @@ -38,6 +38,7 @@ class VPUNotification extends VPULitElement { // TODO: take care about summary and timeout that._("#notification").innerHTML += ` <div id="notification" class="notification is-${type}"> + <button class="delete"></button> ${body} </div> `;