From 9e7440c5d391bf1219a3b6cabc3a6b5258e316d8 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Wed, 15 Nov 2023 07:53:59 +1100
Subject: [PATCH] Fix UI styling and minor bug in lesson display

---
 src/SEQTA.js                          |  2 +-
 src/inject/injected.scss              | 10 +++--
 src/inject/injected/transparency.scss | 64 ++++++++++++++++-----------
 3 files changed, 46 insertions(+), 30 deletions(-)

diff --git a/src/SEQTA.js b/src/SEQTA.js
index b9d8884b..f9f5b9ac 100644
--- a/src/SEQTA.js
+++ b/src/SEQTA.js
@@ -1540,7 +1540,7 @@ function makeLessonDiv(lesson, num) {
     <div class="day" id="${code + num}" style="${colour}">
       <h2>${description || 'Unknown'}</h2>
       <h3>${staff || 'Unknown'}</h3>
-      <h3>${room || 'Unknown'}</h3>s
+      <h3>${room || 'Unknown'}</h3>
       <h4>${from || 'Unknown'} - ${until || 'Unknown'}</h4>
       <h5>${attendanceTitle || 'Unknown'}</h5>
   `;
diff --git a/src/inject/injected.scss b/src/inject/injected.scss
index e8f4bf6c..ccabc818 100644
--- a/src/inject/injected.scss
+++ b/src/inject/injected.scss
@@ -430,7 +430,7 @@ div > ol:has(.uiFileHandlerWrapper) {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
-  background-color: var(--background-primary);
+  background-color: transparent;
   height: 69.5px;
   box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
 }
@@ -459,6 +459,10 @@ div > ol:has(.uiFileHandlerWrapper) {
   }
 }
 @media (max-width: 900px) {
+  .student #menu > ul::before {
+    background-color: var(--background-primary);
+  }
+
   #menuToggle {
     display: block !important;
   }
@@ -753,7 +757,7 @@ div > ol:has(.uiFileHandlerWrapper) {
   background: var(--background-primary);
   color: var(--text-primary);
   display: flex;
-  border-radius: 5px;
+  border-radius: 5rem;
   position: relative;
   transition: 200ms;
 }
@@ -2468,7 +2472,7 @@ body {
   width: 100%;
   height: 3em;
   border-radius: 0 0px 20px 20px;
-  background: var(--background-secondary);
+  background: var(--theme-secondary);
   display: flex;
   justify-content: space-between;
   align-items: center;
diff --git a/src/inject/injected/transparency.scss b/src/inject/injected/transparency.scss
index 2f4677a6..4edb42d9 100644
--- a/src/inject/injected/transparency.scss
+++ b/src/inject/injected/transparency.scss
@@ -9,37 +9,49 @@ html.transparencyEffects:not(.dark) {
 }
 
 
-/* Blurs */
-.message.addMessage,
-.thread,
-#title,
-.LabelList__selected___3Egk7,
-.legacy-root button, .legacy-root a,
-.MessageList__MessageList___3DxoC {
-  backdrop-filter: blur(10px);
-}
+html.transparencyEffects {
+  /* Background Fixes */
+  #shortcuts {
+    backdrop-filter: unset;
+  }
 
-.Message__Message___3oJaU {
-  backdrop-filter: blur(50px);
-}
+  .whatsnewTextContainer h1 {
+    background-color: var(--theme-primary) !important;
+  }
 
-#menu {
-  backdrop-filter: blur(20px);
-}
+  /* Blurs */
+  .message.addMessage,
+  .thread,
+  #title,
+  .LabelList__selected___3Egk7,
+  .legacy-root button, .legacy-root a,
+  .MessageList__MessageList___3DxoC {
+    backdrop-filter: blur(10px);
+  }
 
-.title > a {
-  backdrop-filter: blur(0px) !important;
-}
+  .whatsnewContainer,
+  .Message__Message___3oJaU {
+    backdrop-filter: blur(50px);
+  }
 
-.search,
-.document,
-.border {
-  backdrop-filter: blur(8px);
-}
+  #menu {
+    backdrop-filter: blur(20px);
+  }
 
-#main > .dashboard {
-  section,
-  .dashlet {
+  .title > a {
+    backdrop-filter: blur(0px) !important;
+  }
+
+  .search,
+  .document,
+  .border {
     backdrop-filter: blur(8px);
   }
+
+  #main > .dashboard {
+    section,
+    .dashlet {
+      backdrop-filter: blur(8px);
+    }
+  }
 }
\ No newline at end of file