From ae6b707bb422fc7937d60d1bf0938e7ee1b3600e Mon Sep 17 00:00:00 2001
From: Benedict Aas <x+g@shou.io>
Date: Mon, 5 Dec 2016 14:55:33 +0000
Subject: [PATCH] feat(gui): add changelog link to update notifier (#920)

We add a blue clickable link to the Github changelog in the update dialog
modal.

Closes: https://github.com/resin-io/etcher/issues/905
Change-Type: patch
Changelog-Entry: Add a changelog link to the update notifier modal.
---
 build/css/main.css                                            | 2 ++
 lib/gui/components/modal/styles/_modal.scss                   | 4 ++++
 .../update-notifier/templates/update-notifier-modal.tpl.html  | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/build/css/main.css b/build/css/main.css
index 89decaff..d84f8e32 100644
--- a/build/css/main.css
+++ b/build/css/main.css
@@ -6240,6 +6240,8 @@ body {
   padding: 0;
   max-height: 250px;
   overflow: auto; }
+  .modal-body a {
+    color: #5793db; }
   .modal-body .list-group {
     padding: 0 20px; }
   .modal-body .list-group-item {
diff --git a/lib/gui/components/modal/styles/_modal.scss b/lib/gui/components/modal/styles/_modal.scss
index f2ac2276..e40f1f96 100644
--- a/lib/gui/components/modal/styles/_modal.scss
+++ b/lib/gui/components/modal/styles/_modal.scss
@@ -44,6 +44,10 @@
   max-height: 250px;
   overflow: auto;
 
+  a {
+    color: $palette-theme-primary-background;
+  }
+
   .list-group {
     padding: 0 20px;
   }
diff --git a/lib/gui/components/update-notifier/templates/update-notifier-modal.tpl.html b/lib/gui/components/update-notifier/templates/update-notifier-modal.tpl.html
index 9d76f919..f4ba7684 100644
--- a/lib/gui/components/update-notifier/templates/update-notifier-modal.tpl.html
+++ b/lib/gui/components/update-notifier/templates/update-notifier-modal.tpl.html
@@ -6,6 +6,9 @@
 <div class="modal-body">
   <div class="modal-text">
     <p>A new version of Etcher is available for download</p>
+    <a os-open-external="https://github.com/resin-io/etcher/blob/master/CHANGELOG.md#readme">
+      See what's new
+    </a>
   </div>
 </div>