From 9818f8d0cb0f9adc5637b1854156b48b137d5577 Mon Sep 17 00:00:00 2001
From: Oliver Blanthorn <freedom4cows@gmail.com>
Date: Sun, 17 Jun 2018 18:35:48 +0100
Subject: [PATCH] Change changelog notification to small nag bar

---
 scripts/newtab.md.sh      |  2 +-
 src/static/css/newtab.css | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/scripts/newtab.md.sh b/scripts/newtab.md.sh
index 08f28271..af18f2d6 100755
--- a/scripts/newtab.md.sh
+++ b/scripts/newtab.md.sh
@@ -17,7 +17,7 @@ sed "/REPLACE_ME_WITH_THE_CHANGE_LOG_USING_SED/,$ d" "$newtabtemp" > "$newtab"
 # Note: If you're going to change this HTML, make sure you don't break the JS in src/newtab.ts
 echo """
 <input type="checkbox"  id="spoilerbutton" />
-<label for="spoilerbutton" onclick="">Changelog</label>
+<label for="spoilerbutton" onclick=""><div id="nagbar-changelog">New features!</div>Changelog</label>
 <div id="changelog" class="spoiler">
 """ >> "$newtab"
 $(npm bin)/marked ../../CHANGELOG.md >> "$newtab"
diff --git a/src/static/css/newtab.css b/src/static/css/newtab.css
index 259017ad..bf9a3567 100644
--- a/src/static/css/newtab.css
+++ b/src/static/css/newtab.css
@@ -26,11 +26,19 @@ input[id^="spoiler"] + label {
     cursor: pointer;
     transition: all 0.6s;
 }
-input[id^="spoiler"]:checked + label,
-input[id^="spoiler"].seen + label {
+input[id^="spoiler"]:checked + label {
     color: #333;
     background: #ccc;
 }
+input[id^="spoiler"]:checked + label > #nagbar-changelog,
+input[id^="spoiler"].seen + label > #nagbar-changelog {
+    display: none;
+}
+#nagbar-changelog {
+    font-size: 8pt;
+    background: red;
+    line-height: 1.4;
+}
 input[id^="spoiler"] ~ .spoiler {
     height: 0;
     overflow: hidden;