From 54c8039bd95250d6fa56df8c5576f132d3ef9e94 Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio.bekerle@tugraz.at>
Date: Wed, 24 Jul 2019 10:45:02 +0200
Subject: [PATCH] Add more styling
---
packages/notification/vpu-notification-demo.js | 6 +++---
packages/notification/vpu-notification.js | 1 +
2 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/packages/notification/vpu-notification-demo.js b/packages/notification/vpu-notification-demo.js
index 17497c44..693974c1 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 41d659be..4e5d1db5 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>
`;
--
GitLab