v0.9

src/index.css

@@ -10,6 +10,9 @@ body.visible .watch-party-fab {
   right: calc(35% - 4rem) !important;
   top: 1.5rem;
 }
+body.visible .party-notification-container {
+  display: block !important;
+}
 
 body.netflix.visible .AkiraPlayer, /* NETFLIX */
 body.hulu.visible .Player__container.addFocus,/* HULU */
@@ -26,11 +29,41 @@ body.amazon-prime #party-routes-wrapper {
   width: 35% !important;
   height: 100% !important;
 }
-/* NETFLIX HEADER FIX */
-body.netflix .pinning-header-container {
-  right: 35% !important;
-}
 
+@keyframes backgroundpulse {
+  0% {
+    background-color: black;
+    color: red;
+  }
+  50% {
+    background-color: red;
+    color: black;
+  }
+  100% {
+    background-color: black;
+    color: red;
+  }
+}
+#party-loading {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  background-color: rgba(0, 0, 0, 0.8);
+  display: flex;
+  top: 0;
+  left: 0;
+  align-items: center;
+  justify-content: center;
+}
+#party-loading.inactive {
+  flex-direction: column;
+  text-align: center;
+  animation-duration: 4s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-name: backgroundpulse;
+}
 #party-routes-wrapper {
   margin: 0;
   position: fixed;
@@ -48,6 +81,17 @@ body.netflix .pinning-header-container {
 #party-routes-wrapper.visible {
   right: 0;
 }
+.party-notification-container {
+  display: none !important;
+  bottom: 0.8rem !important;
+  right: 1rem !important;
+  width: calc(35% - 2rem) !important;
+}
+.party-notification-container .MuiPaper-root {
+  border-radius: 26px !important;
+  color: white;
+  background-color: black;
+}
 .watch-party-fab {
   z-index: 9999;
   position: fixed !important;