ADD EVEN MORE ANIAMTIONSgaagaagaa

src/SEQTA.js

@@ -101,6 +101,9 @@ function OpenWhatsNewPopup() {
     <h1>3.1.2 - New settings menu!</h1>
     <li>Overhauled the settings menu</li>
     <li>Added custom gradients</li>
+    <li>Added HEAPS of animations</li>
+    <li>Fixed a bug where shortcuts don't show up</li>
+    <li>Other minor bugs fixed</li>
     <h1>3.1.1 - Minor Bug fixes</h1>
     <li>Fixed assessments overlapping</li>
     <li>Fixed houses not displaying if they aren't a specific color</li>
@@ -455,7 +458,7 @@ function LoadPageElements() {
               "[data-message]",
               { opacity: [0, 1], y: [10, 0] },
               {
-                delay: stagger(0.05, { start: 0.1 }),
+                delay: stagger(0.05),
                 duration: 0.5,
                 easing: [.22, .03, .26, 1]  
               }
@@ -472,7 +475,7 @@ function LoadPageElements() {
               ".dashboard *:not(.dashlet-timetable), .dashboard .message *",
               { opacity: [0, 1], y: [10, 0] },
               {
-                delay: stagger(0.01, { start: 0.2 }),
+                delay: stagger(0.01),
                 duration: 0.5,
                 easing: [.22, .03, .26, 1]  
               }
@@ -487,7 +490,7 @@ function LoadPageElements() {
               ".documents tbody tr.document",
               { opacity: [0, 1], y: [10, 0] },
               {
-                delay: stagger(0.05, { start: 0.2 }),
+                delay: stagger(0.05),
                 duration: 0.5,
                 easing: [.22, .03, .26, 1]  
               }

src/inject/injected.css

@@ -109,8 +109,8 @@ ul.magicDelete > li.deleting {
   z-index: 5 !important;
 }
 
-#menu ::-webkit-scrollbar {
-  width: 0px;
+::-webkit-scrollbar {
+  width: 0px !important;
   background: none;
 }
 
@@ -340,6 +340,12 @@ ol:has(.MessageList__avatar___2wxyb svg) {
   top: -1.75rem;
 }
 
+#main > .timetablepage > .quickbar.above::before {
+  border-bottom-color: var(--background-primary);
+  bottom: -1.75rem !important;
+  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
+}
+
 #main .timetablepage .actions a,
 #main .timetablepage .actions button {
   background-color: transparent;
@@ -662,7 +668,7 @@ div > ol:has(.uiFileHandlerWrapper) {
   display: flex;
   flex-direction: column;
   gap: 2rem;
-  padding: 2rem 0;
+  padding: 2rem 4rem;
   align-items: center;
 }
 
@@ -677,13 +683,13 @@ div > ol:has(.uiFileHandlerWrapper) {
   align-items: center;
   justify-content: center;
   display: flex;
-  width: 94%;
+  width: 100%;
   -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);
 }
 
 .timetable-container {
-  width: 94%;
+  width: 100%;
   height: auto;
   background: var(--better-main);
   display: flex;
@@ -703,7 +709,7 @@ div > ol:has(.uiFileHandlerWrapper) {
 }
 
 .notices-container {
-  width: 94%;
+  width: 100%;
   max-height: 60em;
   background: var(--better-main);
   display: flex;
@@ -762,7 +768,7 @@ div > ol:has(.uiFileHandlerWrapper) {
 }
 
 .shortcut-container {
-  width: 94%;
+  width: 100%;
   display: flex;
   flex-direction: column;
   -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);
@@ -1662,8 +1668,7 @@ body {
 }
 
 .days {
-  width: 80% !important;
-  margin: 0 auto !important;
+  width: 100%;
 }
 
 .hidden {
@@ -1769,7 +1774,7 @@ body {
 .NewsArticle {
   border-radius: 1rem !important;
   overflow: hidden;
-  width: 94%;
+  width: 100%;
   padding: 0 !important;
   margin: 0px auto 30px !important;
   background: var(--background-primary) !important;
@@ -2058,7 +2063,7 @@ body {
 }
 
 .upcoming-container {
-  width: 94%;
+  width: 100%;
   max-height: 60em;
   background: var(--better-main);
   display: flex;