Fix UI styling and minor bug in lesson display

This commit is contained in:
SethBurkart123
2023-11-15 07:53:59 +11:00
parent c745e994f7
commit 9e7440c5d3
3 changed files with 46 additions and 30 deletions
+1 -1
View File
@@ -1540,7 +1540,7 @@ function makeLessonDiv(lesson, num) {
<div class="day" id="${code + num}" style="${colour}"> <div class="day" id="${code + num}" style="${colour}">
<h2>${description || 'Unknown'}</h2> <h2>${description || 'Unknown'}</h2>
<h3>${staff || 'Unknown'}</h3> <h3>${staff || 'Unknown'}</h3>
<h3>${room || 'Unknown'}</h3>s <h3>${room || 'Unknown'}</h3>
<h4>${from || 'Unknown'} - ${until || 'Unknown'}</h4> <h4>${from || 'Unknown'} - ${until || 'Unknown'}</h4>
<h5>${attendanceTitle || 'Unknown'}</h5> <h5>${attendanceTitle || 'Unknown'}</h5>
`; `;
+7 -3
View File
@@ -430,7 +430,7 @@ div > ol:has(.uiFileHandlerWrapper) {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: var(--background-primary); background-color: transparent;
height: 69.5px; height: 69.5px;
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
} }
@@ -459,6 +459,10 @@ div > ol:has(.uiFileHandlerWrapper) {
} }
} }
@media (max-width: 900px) { @media (max-width: 900px) {
.student #menu > ul::before {
background-color: var(--background-primary);
}
#menuToggle { #menuToggle {
display: block !important; display: block !important;
} }
@@ -753,7 +757,7 @@ div > ol:has(.uiFileHandlerWrapper) {
background: var(--background-primary); background: var(--background-primary);
color: var(--text-primary); color: var(--text-primary);
display: flex; display: flex;
border-radius: 5px; border-radius: 5rem;
position: relative; position: relative;
transition: 200ms; transition: 200ms;
} }
@@ -2468,7 +2472,7 @@ body {
width: 100%; width: 100%;
height: 3em; height: 3em;
border-radius: 0 0px 20px 20px; border-radius: 0 0px 20px 20px;
background: var(--background-secondary); background: var(--theme-secondary);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
+12
View File
@@ -9,6 +9,16 @@ html.transparencyEffects:not(.dark) {
} }
html.transparencyEffects {
/* Background Fixes */
#shortcuts {
backdrop-filter: unset;
}
.whatsnewTextContainer h1 {
background-color: var(--theme-primary) !important;
}
/* Blurs */ /* Blurs */
.message.addMessage, .message.addMessage,
.thread, .thread,
@@ -19,6 +29,7 @@ html.transparencyEffects:not(.dark) {
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
.whatsnewContainer,
.Message__Message___3oJaU { .Message__Message___3oJaU {
backdrop-filter: blur(50px); backdrop-filter: blur(50px);
} }
@@ -43,3 +54,4 @@ html.transparencyEffects:not(.dark) {
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
} }
} }
}