From 26e7c090539d98d22f2035f521ca3a4bfab68efb Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio.bekerle@tugraz.at>
Date: Thu, 25 Jul 2019 09:20:41 +0200
Subject: [PATCH] Add more summary styling
---
packages/notification/vpu-notification.js | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/packages/notification/vpu-notification.js b/packages/notification/vpu-notification.js
index 24c8dfd8..900da624 100644
--- a/packages/notification/vpu-notification.js
+++ b/packages/notification/vpu-notification.js
@@ -38,7 +38,7 @@ class VPUNotification extends VPULitElement {
const body = typeof e.detail.body !== 'undefined' ? e.detail.body : "";
const summary = typeof e.detail.summary !== 'undefined' ? e.detail.summary : "";
const timeout = typeof e.detail.timeout !== 'undefined' ? e.detail.timeout : 0;
- const summaryHTML = summary !== "" ? `<strong>${summary}</strong><br/>` : "";
+ const summaryHTML = summary !== "" ? `<h3>${summary}</h3>` : "";
that.notificationBlock.innerHTML = `
<div id="${notificationId}" class="notification is-${type}">
@@ -74,6 +74,7 @@ class VPUNotification extends VPULitElement {
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css">
<style>
#notification {position: fixed; top: 0; max-width: 500px; margin: 1% auto; left: 0; right: 0;}
+ .notification h3 {font-weight: bold; margin-bottom: 3px;}
</style>
<div class="columns">
--
GitLab