From 1d6227d718c94a2b0b4b3743985929790ffa26a2 Mon Sep 17 00:00:00 2001
From: Whymarrh Whitby <whymarrh.whitby@gmail.com>
Date: Wed, 25 Jul 2018 19:33:27 -0230
Subject: Move the old UI's AppBar into its own component

---
 old-ui/app/css/index.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'old-ui/app/css/index.css')

diff --git a/old-ui/app/css/index.css b/old-ui/app/css/index.css
index 7af713336..f641e7934 100644
--- a/old-ui/app/css/index.css
+++ b/old-ui/app/css/index.css
@@ -720,7 +720,11 @@ div.message-container > div:first-child {
     transform: scale(1.1);
 }
 
-//Notification Modal
+.app-bar {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
 
 .notification-modal-wrapper {
   display: flex;
-- 
cgit 


From 6ae76fee33af8f3079fd650f35df1107e7996ffe Mon Sep 17 00:00:00 2001
From: Whymarrh Whitby <whymarrh.whitby@gmail.com>
Date: Wed, 25 Jul 2018 23:19:18 -0230
Subject: Add banner suggesting new UI

---
 old-ui/app/css/index.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'old-ui/app/css/index.css')

diff --git a/old-ui/app/css/index.css b/old-ui/app/css/index.css
index f641e7934..08b3890fd 100644
--- a/old-ui/app/css/index.css
+++ b/old-ui/app/css/index.css
@@ -726,6 +726,22 @@ div.message-container > div:first-child {
   flex-direction: column;
 }
 
+.app-bar__new-ui-banner {
+  background: #33A4E7;
+  color: white;
+  font-size: 12px;
+  line-height: 12px;
+  padding: 8px;
+  font-family: Roboto, Arial, sans-serif;
+  font-weight: 400;
+  width: 100%;
+}
+
+.banner__link {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
 .notification-modal-wrapper {
   display: flex;
   flex-direction: column;
-- 
cgit 


From d16f25fc20c98ac06b2e13be6f2732d60919a862 Mon Sep 17 00:00:00 2001
From: Whymarrh Whitby <whymarrh.whitby@gmail.com>
Date: Wed, 25 Jul 2018 23:49:57 -0230
Subject: Add NewUiAnnouncement component

---
 old-ui/app/css/index.css | 106 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 105 insertions(+), 1 deletion(-)

(limited to 'old-ui/app/css/index.css')

diff --git a/old-ui/app/css/index.css b/old-ui/app/css/index.css
index 08b3890fd..d209b4754 100644
--- a/old-ui/app/css/index.css
+++ b/old-ui/app/css/index.css
@@ -720,6 +720,110 @@ div.message-container > div:first-child {
     transform: scale(1.1);
 }
 
+.new-ui-announcement {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: white;
+  color: #4D4D4D;
+  font-family: Roboto, Arial, sans-serif;
+  padding: 1.5rem;
+}
+
+.new-ui-announcement__announcement-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding-bottom: 1rem;
+}
+
+.new-ui-announcement__announcement-header a.close {
+  cursor: pointer;
+  font-size: 32px;
+  line-height: 17px;
+}
+
+.new-ui-announcement__announcement-header a.close:hover {
+  color: inherit;
+}
+
+.new-ui-announcement__announcement-header h1 {
+  color: #33A4E7;
+  text-transform: uppercase;
+  font-size: 18px;
+  font-weight: 400;
+}
+
+.new-ui-announcement__body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  font-size: 10.5pt;
+  font-weight: 300;
+}
+
+.new-ui-announcement__body h1 {
+  font-size: 22px;
+  font-weight: 600;
+  padding-bottom: 1rem;
+}
+
+.new-ui-announcement__body a {
+  color: #33A4E7;
+}
+
+.new-ui-announcement__body .updates-list {
+  padding: .5rem 1rem;
+}
+
+.new-ui-announcement__body .updates-list h2 {
+  font-weight: 600;
+}
+
+.new-ui-announcement__body .updates-list ul {
+  list-style: disc inside;
+}
+
+.new-ui-announcement__footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.new-ui-announcement__footer h1 {
+  font-family: inherit;
+  font-weight: 600;
+}
+
+.new-ui-announcement__footer button:hover {
+  transform: none;
+}
+
+.new-ui-announcement__footer button.positive {
+  padding: 1rem;
+  margin: 1rem;
+  background: #33A4E7;
+  color: white;
+  text-transform: uppercase;
+  box-shadow: none;
+  border-radius: 5px;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 400;
+  width: 90%;
+}
+
+.new-ui-announcement__footer button.negative {
+  margin: 0;
+  padding: 0;
+  background: white;
+  color: #33A4E7;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 400;
+  box-shadow: none;
+}
+
 .app-bar {
   width: 100%;
   display: flex;
@@ -832,4 +936,4 @@ div.message-container > div:first-child {
 
 .notification-modal__link {
   color: #2f9ae0;
-}
\ No newline at end of file
+}
-- 
cgit