Merge pull request #402 from hashicorp/fix-notify-styles

fix: 🐛 super hacky fix to override notify styles

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;

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;