mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 03:34:40 +00:00
Fix UI styling and minor bug in lesson display
This commit is contained in:
+1
-1
@@ -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>
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -9,37 +9,49 @@ html.transparencyEffects:not(.dark) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Blurs */
|
html.transparencyEffects {
|
||||||
.message.addMessage,
|
/* Background Fixes */
|
||||||
.thread,
|
#shortcuts {
|
||||||
#title,
|
backdrop-filter: unset;
|
||||||
.LabelList__selected___3Egk7,
|
}
|
||||||
.legacy-root button, .legacy-root a,
|
|
||||||
.MessageList__MessageList___3DxoC {
|
.whatsnewTextContainer h1 {
|
||||||
|
background-color: var(--theme-primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Blurs */
|
||||||
|
.message.addMessage,
|
||||||
|
.thread,
|
||||||
|
#title,
|
||||||
|
.LabelList__selected___3Egk7,
|
||||||
|
.legacy-root button, .legacy-root a,
|
||||||
|
.MessageList__MessageList___3DxoC {
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.Message__Message___3oJaU {
|
.whatsnewContainer,
|
||||||
|
.Message__Message___3oJaU {
|
||||||
backdrop-filter: blur(50px);
|
backdrop-filter: blur(50px);
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu {
|
#menu {
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.title > a {
|
.title > a {
|
||||||
backdrop-filter: blur(0px) !important;
|
backdrop-filter: blur(0px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search,
|
.search,
|
||||||
.document,
|
.document,
|
||||||
.border {
|
.border {
|
||||||
backdrop-filter: blur(8px);
|
backdrop-filter: blur(8px);
|
||||||
}
|
}
|
||||||
|
|
||||||
#main > .dashboard {
|
#main > .dashboard {
|
||||||
section,
|
section,
|
||||||
.dashlet {
|
.dashlet {
|
||||||
backdrop-filter: blur(8px);
|
backdrop-filter: blur(8px);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user