From 9aa5e6623af546d28b2d208c9e9ba4ceaaa16691 Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Tue, 1 Dec 2020 17:24:10 -0500
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20super=20hacky=20fix=20to?=
 =?UTF-8?q?=20override=20notify=20styles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

because ember-notify when used from an addon doesn't allow you to
disable its default CSS, as it does when used directly in an app
---
 ui/admin/app/styles/_notify.scss   | 15 +++++++++------
 ui/desktop/app/styles/_notify.scss |  3 +++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/ui/admin/app/styles/_notify.scss b/ui/admin/app/styles/_notify.scss
index 784bc746f..b76012b00 100644
--- a/ui/admin/app/styles/_notify.scss
+++ b/ui/admin/app/styles/_notify.scss
@@ -41,14 +41,17 @@
 .ember-notify-cn {
   bottom: 0;
   left: 0;
+  max-width: 300px;
   position: fixed;
   z-index: 5000;
 }
 
 .ember-notify {
+  border: 0 !important;
   box-sizing: border-box;
   display: block;
   margin: 10px;
+  padding-bottom: 0 !important;
   position: relative;
   width: 300px;
 
@@ -60,20 +63,20 @@
 
 .ember-notify-show {
   -webkit-animation-duration: 500ms;
-  -webkit-animation-name: ember-notify-show;
-  -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
   animation-duration: 500ms;
+  -webkit-animation-name: ember-notify-show;
   animation-name: ember-notify-show;
-  animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
+  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 
 .ember-notify-hide {
   -webkit-animation-duration: 250ms;
-  -webkit-animation-name: ember-notify-hide;
-  -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
   animation-duration: 250ms;
+  -webkit-animation-name: ember-notify-hide;
   animation-name: ember-notify-hide;
-  animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
+  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
+  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
 
   &:hover {
     -moz-animation-play-state: paused;
diff --git a/ui/desktop/app/styles/_notify.scss b/ui/desktop/app/styles/_notify.scss
index 50bb02e0b..b76012b00 100644
--- a/ui/desktop/app/styles/_notify.scss
+++ b/ui/desktop/app/styles/_notify.scss
@@ -41,14 +41,17 @@
 .ember-notify-cn {
   bottom: 0;
   left: 0;
+  max-width: 300px;
   position: fixed;
   z-index: 5000;
 }
 
 .ember-notify {
+  border: 0 !important;
   box-sizing: border-box;
   display: block;
   margin: 10px;
+  padding-bottom: 0 !important;
   position: relative;
   width: 300px;