From 12b15c58f808141ea380094be2c6ff5463eca85d Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Sat, 5 Dec 2020 00:45:48 +0100
Subject: [PATCH] LPT: injected components won't get CSS styles if you don't
 include them in manifest.json

---
 src/csui/NotificationUi.vue | 28 ++++++++++++++--------------
 src/manifest.json           |  3 ++-
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/csui/NotificationUi.vue b/src/csui/NotificationUi.vue
index 37a9df6..e4d4406 100644
--- a/src/csui/NotificationUi.vue
+++ b/src/csui/NotificationUi.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="showNotification" class="root-window flex flex-column overflow-hidden">
+  <div v-if="showNotification" class="uw-ultrawidify-container flex flex-column overflow-hidden">
     <div class="notification-popup flex flex-row">
       <div v-if="notificationIcon" class="flex-nogrow flex-noshrink notification-icon">
         <Icon
@@ -116,22 +116,22 @@ export default {
 @import '../res/css/font/overpass-mono.css';
 @import '../res/css/common.scss';
 
-.root-window {
+.uw-ultrawidify-container {
   position: relative;
   width: 100%;
   height: 100%;
-}
 
-.notification-popup {
-  position: absolute;
-  z-index: 99999999;
-  background-color: rgba(0,0,0,0.88);
-  top: 2rem;
-  left: 2rem;
-  width: 15rem;
-  color: #fff;
-}
-.notification-icon {
-  font-size: 3rem;
+  .notification-popup {
+    position: absolute;
+    z-index: 99999999;
+    background-color: rgba(108, 55, 12, 0.779);
+    top: 2rem;
+    left: 2rem;
+    width: 15rem;
+    color: #fff;
+  }
+  .notification-icon {
+    font-size: 3rem;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/manifest.json b/src/manifest.json
index b51500b..a078c14 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -23,7 +23,8 @@
       "ext/uw.js" 
     ],
     "css": [
-      "ext/uw-ui.css"
+      "ext/uw-ui.css",
+      "ext/uw.css"
     ],
     "all_frames": true
   }],