mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 03:34:40 +00:00
fix: dynamic seqta classes failing to load #248
This commit is contained in:
SethBurkart123
+101
-107
@@ -147,7 +147,7 @@ html {
|
||||
border-radius: 17px 17px 0px 0 !important;
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
.LegacyModuleBody__LegacyModule___20YE2 {
|
||||
[class*="LegacyModuleBody__LegacyModule___"] {
|
||||
background: transparent;
|
||||
}
|
||||
#AddedSettings {
|
||||
@@ -192,17 +192,17 @@ html {
|
||||
}
|
||||
}
|
||||
|
||||
.PillBox__PillBox___3GjAk {
|
||||
[class*="PillBox__PillBox___"] {
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
|
||||
.PillBox__active___3Qpi9 {
|
||||
[class*="PillBox__active___"] {
|
||||
background: rgba(0, 0, 0, 0.2) !important;
|
||||
color: black !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dark .PillBox__active___3Qpi9 {
|
||||
.dark [class*="PillBox__active___"] {
|
||||
color: white;
|
||||
}
|
||||
|
||||
@@ -386,8 +386,7 @@ ul.magicDelete > li.deleting {
|
||||
width: 28px !important;
|
||||
height: 28px !important;
|
||||
}
|
||||
.notifications__items___2hCdv,
|
||||
#menu ul {
|
||||
[class*="notifications__items___"] {
|
||||
-ms-overflow-style: none !important;
|
||||
scrollbar-width: none !important;
|
||||
&::-webkit-scrollbar {
|
||||
@@ -471,7 +470,7 @@ html {
|
||||
[data-type="student"] .header {
|
||||
color: black !important;
|
||||
}
|
||||
ol:has(.MessageList__avatar___2wxyb svg) {
|
||||
ol:has([class*="MessageList__avatar___"] svg) {
|
||||
transition-duration: 150ms !important;
|
||||
transition-delay: 0ms !important;
|
||||
}
|
||||
@@ -497,7 +496,7 @@ ol:has(.MessageList__avatar___2wxyb svg) {
|
||||
background: var(--background-primary) !important;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.MessageList__MessageList___3DxoC .footer {
|
||||
[class*="MessageList__MessageList___"] .footer {
|
||||
background: var(--background-secondary) !important;
|
||||
}
|
||||
.listWrapper {
|
||||
@@ -759,15 +758,15 @@ ol > [data-label] {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.Message__Message___3oJaU > .uiFrameWrapper .iframeWrapper {
|
||||
[class*="Message__Message___"] > .uiFrameWrapper .iframeWrapper {
|
||||
background: transparent;
|
||||
}
|
||||
.Viewer__newMessage___3ToUb {
|
||||
[class*="Viewer__newMessage___"] {
|
||||
border-radius: 8px !important;
|
||||
font-size: 12.8px !important;
|
||||
background: var(--background-primary) !important;
|
||||
}
|
||||
.MessageList__sender___32riy :last-child {
|
||||
[class*="MessageList__sender___"] :last-child {
|
||||
white-space: nowrap;
|
||||
}
|
||||
[data-type="student"] [style="z-index: 30;"] .header:has(h1) {
|
||||
@@ -866,7 +865,7 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.LabelList__LabelList___2RJFf > li {
|
||||
[class*="LabelList__LabelList___"] > li {
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
}
|
||||
@@ -886,10 +885,10 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
.welcome
|
||||
> .portalPageView
|
||||
> .powerPortalPage
|
||||
> .Body__body___3pGxr
|
||||
> .Container__container___33GlY
|
||||
> .Document__document___1KJCG
|
||||
> .Canvas__canvas___OBdCZ {
|
||||
> [class*="Body__body___"]
|
||||
> [class*="Container__container___"]
|
||||
> [class*="Document__document___"]
|
||||
> [class*="Canvas__canvas___"] {
|
||||
background-color: unset !important;
|
||||
background-image: unset !important;
|
||||
background-size: unset;
|
||||
@@ -899,7 +898,7 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
height: 100vh;
|
||||
color: var(--text-primary) !important;
|
||||
}
|
||||
.Module__wrapper___2sbOo {
|
||||
[class*="Module__wrapper___"] {
|
||||
overflow: clip;
|
||||
background: var(--background-primary) !important;
|
||||
border-radius: 16px !important;
|
||||
@@ -911,10 +910,10 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
overflow: hidden;
|
||||
}
|
||||
.composer
|
||||
> .Body__body___3pGxr
|
||||
> .Container__container___33GlY
|
||||
> .Document__document___1KJCG
|
||||
> .Canvas__canvas___OBdCZ {
|
||||
> [class*="Body__body___"]
|
||||
> [class*="Container__container___"]
|
||||
> [class*="Document__document___"]
|
||||
> [class*="Canvas__canvas___"] {
|
||||
background-color: transparent !important;
|
||||
background-image: unset !important;
|
||||
color: white !important;
|
||||
@@ -1174,7 +1173,7 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
box-shadow: inset 0px 5px 20px 1px rgba(0, 0, 0, 0.3);
|
||||
background: var(--background-primary);
|
||||
}
|
||||
.Empty__Empty___2F6rn {
|
||||
[class*="Empty__Empty___"] {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
.shortcut-container {
|
||||
@@ -1376,18 +1375,18 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
margin: 20px auto 0px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.dark .notifications__detailsBody___2nU2k > .notifications__subtitle___1se8e {
|
||||
.dark [class*="notifications__detailsBody___"] > [class*="notifications__subtitle___"] {
|
||||
color: #c1bcbc;
|
||||
}
|
||||
.notifications__detailsBody___2nU2k > .notifications__subtitle___1se8e {
|
||||
[class*="notifications__detailsBody___"] > [class*="notifications__subtitle___"] {
|
||||
font-size: 12px;
|
||||
}
|
||||
.notifications__notifications___3mmLY.notifications__hasItems___gXxzx > button {
|
||||
[class*="notifications__notifications___"] > button {
|
||||
background: white;
|
||||
z-index: 21 !important;
|
||||
color: var(--better-sub);
|
||||
}
|
||||
.notifications__notifications___3mmLY > button {
|
||||
[class*="notifications__notifications___"] > button {
|
||||
padding: 8px;
|
||||
}
|
||||
.legacy-root button > svg,
|
||||
@@ -1395,9 +1394,7 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
height: 25px;
|
||||
width: 24px;
|
||||
}
|
||||
.notifications__notifications___3mmLY
|
||||
> button
|
||||
> .notifications__bubble___1EkSQ {
|
||||
[class*="notifications__notifications___"] > button > [class*="notifications__bubble___"] {
|
||||
background: var(--better-alert-highlight);
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
@@ -1415,16 +1412,16 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
.legacy-root button:not([disabled]):focus {
|
||||
border-color: var(--better-sub);
|
||||
}
|
||||
.notifications__list___rp2L2 {
|
||||
[class*="notifications__list___"] {
|
||||
border: 4px solid var(--auto-background);
|
||||
background: var(--background-primary);
|
||||
}
|
||||
.notifications__item___2ErJN {
|
||||
[class*="notifications__item___"] {
|
||||
background: var(--background-primary) !important;
|
||||
border-left: 4px solid var(--better-main) !important;
|
||||
margin-bottom: 4px !important;
|
||||
|
||||
> .notifications__dismiss___zveKV {
|
||||
> [class*="notifications__dismiss___"] {
|
||||
background: rgba(0, 0, 0, 0.1) !important;
|
||||
color: var(--text-primary);
|
||||
margin: auto 0;
|
||||
@@ -1449,7 +1446,7 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
#menu li:first-child {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.notifications__actions___1UX7r {
|
||||
[class*="notifications__actions___"] {
|
||||
background: var(--auto-background);
|
||||
|
||||
button {
|
||||
@@ -1457,27 +1454,27 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
border: 1px solid white;
|
||||
}
|
||||
}
|
||||
.notifications__items___2hCdv {
|
||||
[class*="notifications__items___"] {
|
||||
border-bottom: none;
|
||||
height: 540px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.notifications__details___193F4 {
|
||||
[class*="notifications__details___"] {
|
||||
max-width: 80%;
|
||||
overflow: clip;
|
||||
}
|
||||
.notifications__details___193F4 div {
|
||||
[class*="notifications__details___"] div {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#main > .messages {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
.Overview__details___2Zlnr {
|
||||
[class*="Overview__details___"] {
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.Viewer__sidebar___1Btu4 {
|
||||
[class*="Viewer__sidebar___"] {
|
||||
color: var(--text-primary);
|
||||
border-right: unset;
|
||||
background: unset;
|
||||
@@ -1486,14 +1483,14 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
background: unset;
|
||||
}
|
||||
}
|
||||
.MessageList__MessageList___3DxoC ::-webkit-scrollbar {
|
||||
[class*="MessageList__MessageList___"] ::-webkit-scrollbar {
|
||||
width: 0px;
|
||||
background: none;
|
||||
}
|
||||
.MessageList__primary___1zTHa > :last-child {
|
||||
[class*="MessageList__primary___"] > :last-child {
|
||||
display: none !important;
|
||||
}
|
||||
.MessageList__MessageList___3DxoC ol .Button__Button___3SRFo::before {
|
||||
[class*="MessageList__MessageList___"] ol [class*="Button__Button___"]::before {
|
||||
// plus icon
|
||||
content: "";
|
||||
font-size: 12px;
|
||||
@@ -1502,7 +1499,7 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.MessageList__MessageList___3DxoC ol .Button__Button___3SRFo {
|
||||
[class*="MessageList__MessageList___"] ol [class*="Button__Button___"] {
|
||||
width: calc(100% - 32px);
|
||||
border-radius: 16px;
|
||||
margin: 8px 16px;
|
||||
@@ -1511,21 +1508,21 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dark .MessageList__MessageList___3DxoC .Button__Button___3SRFo {
|
||||
.dark [class*="MessageList__MessageList___"] [class*="Button__Button___"] {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.MessageList__MessageList___3DxoC .Button__Button___3SRFo {
|
||||
[class*="MessageList__MessageList___"] [class*="Button__Button___"] {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
width: 100%;
|
||||
min-height: 32px;
|
||||
text-align: center;
|
||||
}
|
||||
.MessageList__MessageList___3DxoC {
|
||||
[class*="MessageList__MessageList___"] {
|
||||
background: var(--background-primary);
|
||||
}
|
||||
.Input__Input___3RSTI::before,
|
||||
[class*="Input__Input___"]::before,
|
||||
.ais-btnSearch::before {
|
||||
content: "";
|
||||
/* Unicode for the search icon */
|
||||
@@ -1537,7 +1534,7 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
font-family: "IconFamily";
|
||||
pointer-events: none;
|
||||
}
|
||||
.Input__Input___3RSTI {
|
||||
[class*="Input__Input___"] {
|
||||
transition:
|
||||
background-color 0.5s,
|
||||
border-color 0.5s;
|
||||
@@ -1562,15 +1559,15 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
height: 180px;
|
||||
background: var(--background-primary);
|
||||
}
|
||||
.Avatar__Avatar___gE5kx.Avatar__staff___4gVLs {
|
||||
[class*="Avatar__Avatar___"][class*="Avatar__staff___"] {
|
||||
--person-colour: var(--better-light);
|
||||
background: var(--person-colour, var(--navy));
|
||||
}
|
||||
.LabelList__LabelList___2RJFf > li.LabelList__selected___3Egk7 {
|
||||
[class*="LabelList__LabelList___"] > li[class*="LabelList__selected___"] {
|
||||
background: var(--background-primary);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
.Message__Message___3oJaU {
|
||||
[class*="Message__Message___"] {
|
||||
background: var(--background-primary);
|
||||
border-radius: 16px !important;
|
||||
}
|
||||
@@ -1590,31 +1587,31 @@ iframe.userHTML {
|
||||
background: var(--better-light);
|
||||
color: var(--text-color);
|
||||
}
|
||||
.Spinner__Spinner___CStEb > svg {
|
||||
[class*="Spinner__Spinner___"] > svg {
|
||||
margin: 16px 0;
|
||||
}
|
||||
.Spinner__Spinner___CStEb > svg > path {
|
||||
[class*="Spinner__Spinner___"] > svg > path {
|
||||
stroke: var(--text-primary) !important;
|
||||
}
|
||||
#main > .reports > .item > .report > .term {
|
||||
color: var(--text-color);
|
||||
background: var(--better-main);
|
||||
}
|
||||
.Collapsible__Collapsible___3O8P3 > .Collapsible__header___-Afvq {
|
||||
background: none;
|
||||
[class*="Collapsible__Collapsible___"] > [class*="Collapsible__header__"] {
|
||||
background: none !important;
|
||||
}
|
||||
.Collapsible__Collapsible___3O8P3
|
||||
> .Collapsible__content___2c6of.Collapsible__enterActive___3b2ow,
|
||||
.Collapsible__Collapsible___3O8P3
|
||||
> .Collapsible__content___2c6of.Collapsible__exitActive___3rFL1 {
|
||||
[class*="Collapsible__Collapsible___"]
|
||||
> [class*="Collapsible__content___"]
|
||||
[class*="Collapsible__enterActive___"]
|
||||
[class*="Collapsible__exitActive___"] {
|
||||
animation-timing-function: ease-out !important;
|
||||
}
|
||||
.AssessmentList__AssessmentList___1GdCl
|
||||
> .AssessmentList__searchFilter___3N70o
|
||||
+ .AssessmentList__items___3LcmQ {
|
||||
[class*="AssessmentList__AssessmentList___"]
|
||||
> [class*="AssessmentList__searchFilter___"]
|
||||
+ [class*="AssessmentList__items___"] {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
.Thermoscore__Thermoscore___2tWMi {
|
||||
[class*="Thermoscore__Thermoscore___"] {
|
||||
background-image: unset;
|
||||
background: var(--auto-background);
|
||||
}
|
||||
@@ -1701,33 +1698,31 @@ ul {
|
||||
#userActions > .details > .code {
|
||||
text-transform: initial;
|
||||
}
|
||||
.SelectedAssessment__SelectedAssessment___3Bu5D {
|
||||
[class*="SelectedAssessment__SelectedAssessment___"] {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
.SelectedAssessment__SelectedAssessment___3Bu5D
|
||||
> .SelectedAssessment__meta___1gq_y
|
||||
> .SelectedAssessment__clearBtn___21D85 {
|
||||
[class*="SelectedAssessment__SelectedAssessment___"]
|
||||
> [class*="SelectedAssessment__meta___"]
|
||||
> [class*="SelectedAssessment__clearBtn___"] {
|
||||
background: var(--better-main);
|
||||
}
|
||||
.SelectedAssessment__SelectedAssessment___3Bu5D
|
||||
> .SelectedAssessment__meta___1gq_y {
|
||||
[class*="SelectedAssessment__SelectedAssessment___"]
|
||||
> [class*="SelectedAssessment__meta___"] {
|
||||
border-bottom: 1px solid var(--better-main);
|
||||
}
|
||||
.TabSet__TabSet___Vo-SZ
|
||||
> ol.TabSet__tabs___1RRZk
|
||||
> li.TabSet__selected___1psfF {
|
||||
[class*="TabSet__TabSet___"] > ol[class*="TabSet__tabs___"] > li[class*="TabSet__selected___"] {
|
||||
border-bottom-color: var(--better-main);
|
||||
}
|
||||
.TabSet__TabSet___Vo-SZ > ol.TabSet__tabs___1RRZk {
|
||||
[class*="TabSet__TabSet___"] > ol[class*="TabSet__tabs___"] {
|
||||
border-bottom: none;
|
||||
}
|
||||
.TabSet__TabSet___Vo-SZ > ol.TabSet__tabs___1RRZk > li:hover {
|
||||
[class*="TabSet__TabSet___"] > ol[class*="TabSet__tabs___"] > li:hover {
|
||||
box-shadow: inset 0 -1px var(--better-main);
|
||||
}
|
||||
.TabSet__TabSet___Vo-SZ > .TabSet__tabContainer___3iIRe {
|
||||
[class*="TabSet__TabSet___"] > [class*="TabSet__tabContainer___"] {
|
||||
background: unset;
|
||||
}
|
||||
.BasicPanel__BasicPanel___1GP6s {
|
||||
[class*="BasicPanel__BasicPanel___"] {
|
||||
background: var(--background-primary);
|
||||
}
|
||||
.back > svg {
|
||||
@@ -1751,25 +1746,25 @@ ul {
|
||||
}
|
||||
.mediaWrapper,
|
||||
.mediaRecorder,
|
||||
.MediaRecorder__MediaRecorder___2c2_M {
|
||||
[class*="MediaRecorder__MediaRecorder___"] {
|
||||
border-top-left-radius: 16px;
|
||||
border-top-right-radius: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.MediaRecorder__MediaRecorder___2c2_M {
|
||||
[class*="MediaRecorder__MediaRecorder___"] {
|
||||
background: var(--background-primary);
|
||||
}
|
||||
.legacy-root .uiFileHandler {
|
||||
background: var(--auto-background);
|
||||
border-radius: 16px;
|
||||
}
|
||||
.ResourceList__ResourceList___2z-c1 .legacy-root .uiFileHandler {
|
||||
[class*="ResourceList__ResourceList___"] .legacy-root .uiFileHandler {
|
||||
background: var(--background-primary);
|
||||
}
|
||||
.legacy-root .uiFileHandler.dragTarget {
|
||||
background: var(--better-main);
|
||||
}
|
||||
.MenuButton__MenuPanel___2q42B {
|
||||
[class*="MenuButton__MenuPanel___"] {
|
||||
background: var(--background-primary);
|
||||
color: var(--text-primary);
|
||||
border-radius: 16px;
|
||||
@@ -1897,11 +1892,13 @@ div.entry.class[style*="width: 46.5%"] {
|
||||
.sources .uiButton {
|
||||
border-radius: 16px;
|
||||
}
|
||||
.MediaRecorder__preview___1hQqY,
|
||||
.MediaRecorder__actions___3Jjvp {
|
||||
[class*="MediaRecorder__preview___"] {
|
||||
background: var(--background-primary);
|
||||
}
|
||||
.Rubric__Rubric___2AAKS > .Rubric__line___JCC3Y {
|
||||
[class*="MediaRecorder__actions___"] {
|
||||
background: var(--background-primary);
|
||||
}
|
||||
[class*="Rubric__Rubric___"] > [class*="Rubric__line___"] {
|
||||
background: unset;
|
||||
}
|
||||
#main > .course > .content > .header > .coverImage.blurred {
|
||||
@@ -2019,8 +2016,8 @@ div.bar.flat {
|
||||
border-radius: 16px !important;
|
||||
opacity: 0;
|
||||
}
|
||||
.document-width-micro .RootModule__root-module___2wT52,
|
||||
.document-width-nano .RootModule__root-module___2wT52 {
|
||||
.document-width-micro [class*="RootModule__root-module___"],
|
||||
.document-width-nano [class*="RootModule__root-module___"] {
|
||||
padding: 16px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -2148,7 +2145,7 @@ body {
|
||||
padding: 3px;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
.Viewer__Viewer___32BH- {
|
||||
[class*="Viewer__Viewer___"] {
|
||||
background: unset;
|
||||
}
|
||||
.weekend {
|
||||
@@ -2167,16 +2164,16 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li.MessageList__unread___3imtO {
|
||||
[class*="MessageList__unread___"] {
|
||||
position: relative;
|
||||
background: rgb(228 225 225);
|
||||
}
|
||||
|
||||
.dark li.MessageList__unread___3imtO {
|
||||
.dark [class*="MessageList__unread___"] {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.MessageList__MessageList___3DxoC > ol > li:hover {
|
||||
[class*="MessageList__MessageList___"] > ol > li:hover {
|
||||
background: var(--theme-offset-bg-more);
|
||||
}
|
||||
|
||||
@@ -2184,18 +2181,17 @@ li.MessageList__unread___3imtO {
|
||||
border-radius: 1600px;
|
||||
}
|
||||
|
||||
.MessageList__MessageList___3DxoC
|
||||
> ol
|
||||
> li.MessageList__selected___1SJNz.MessageList__unread___3imtO {
|
||||
[class*="MessageList__MessageList___"] > ol > li[class*="MessageList__selected___"]
|
||||
[class*="MessageList__unread___"] {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.Message__Message___3oJaU.Message__unread___23XIq > header {
|
||||
[class*="Message__Message___"] [class*="Message__unread___"] > header {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.MessageList__MessageList___3DxoC > ol > li.MessageList__unread___3imtO::before,
|
||||
.MessageList__MessageList___3DxoC > ol > li::before {
|
||||
[class*="MessageList__MessageList___"] > ol > li[class*="MessageList__unread___"]::before,
|
||||
[class*="MessageList__MessageList___"] > ol > li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -2206,9 +2202,7 @@ li.MessageList__unread___3imtO {
|
||||
transition: width 0.1s;
|
||||
}
|
||||
|
||||
.MessageList__MessageList___3DxoC
|
||||
> ol
|
||||
> li.MessageList__unread___3imtO::before {
|
||||
[class*="MessageList__MessageList___"] > ol > li[class*="MessageList__unread___"]::before {
|
||||
width: 3px;
|
||||
}
|
||||
.connectedNotificationsWrapper > div > button {
|
||||
@@ -2283,13 +2277,13 @@ li.MessageList__unread___3imtO {
|
||||
}
|
||||
|
||||
.dark
|
||||
.MessageList__MessageList___3DxoC
|
||||
[class*="MessageList__MessageList___"]
|
||||
> ol
|
||||
> li.MessageList__selected___1SJNz {
|
||||
> li[class*="MessageList__selected___"] {
|
||||
background: var(--background-secondary);
|
||||
}
|
||||
|
||||
.MessageList__MessageList___3DxoC > ol > li.MessageList__selected___1SJNz {
|
||||
[class*="MessageList__MessageList___"] > ol > li[class*="MessageList__selected___"] {
|
||||
background: rgb(228 225 225);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
@@ -2426,14 +2420,14 @@ li.MessageList__unread___3imtO {
|
||||
animation: spin 3s linear infinite;
|
||||
-moz-animation: spin 3s linear infinite;
|
||||
}
|
||||
.dark .LabelList__name___-CHgq {
|
||||
.dark [class*="LabelList__name___"] {
|
||||
text-shadow: 0 0 5px black;
|
||||
}
|
||||
.LabelList__name___-CHgq {
|
||||
[class*="LabelList__name___"] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
[data-label="inbox"] > .LabelList__name___-CHgq::before {
|
||||
[data-label="inbox"] > [class*="LabelList__name___"]::before {
|
||||
content: "\eb70";
|
||||
/* Unicode for the search icon */
|
||||
color: currentColor;
|
||||
@@ -2443,7 +2437,7 @@ li.MessageList__unread___3imtO {
|
||||
font-family: "IconFamily";
|
||||
pointer-events: none;
|
||||
}
|
||||
[data-label="outbox"] > .LabelList__name___-CHgq::before {
|
||||
[data-label="outbox"] > [class*="LabelList__name___"]::before {
|
||||
content: "\eca6";
|
||||
/* Unicode for the search icon */
|
||||
color: currentColor;
|
||||
@@ -2453,7 +2447,7 @@ li.MessageList__unread___3imtO {
|
||||
font-family: "IconFamily";
|
||||
pointer-events: none;
|
||||
}
|
||||
[data-label="starred"] > .LabelList__name___-CHgq::before {
|
||||
[data-label="starred"] > [class*="LabelList__name___"]::before {
|
||||
content: "\ece8";
|
||||
color: currentColor;
|
||||
font-size: 16px;
|
||||
@@ -2462,7 +2456,7 @@ li.MessageList__unread___3imtO {
|
||||
font-family: "IconFamily";
|
||||
pointer-events: none;
|
||||
}
|
||||
[data-label="trash"] > .LabelList__name___-CHgq::before {
|
||||
[data-label="trash"] > [class*="LabelList__name___"]::before {
|
||||
content: "\ed2c";
|
||||
/* Unicode for the search icon */
|
||||
color: currentColor;
|
||||
@@ -2772,7 +2766,7 @@ li.MessageList__unread___3imtO {
|
||||
}
|
||||
}
|
||||
|
||||
.MessageList__MessageList___3DxoC > header {
|
||||
[class*="MessageList__MessageList___"] > header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@ html.transparencyEffects:not(.dark) {
|
||||
|
||||
html.transparencyEffects {
|
||||
/* Background Fixes */
|
||||
.notifications__item___2ErJN,
|
||||
[class*="notifications__item___"],
|
||||
#shortcuts {
|
||||
backdrop-filter: unset !important;
|
||||
}
|
||||
@@ -24,21 +24,21 @@ html.transparencyEffects {
|
||||
/* Blurs */
|
||||
.draggable,
|
||||
.notice,
|
||||
.BasicPanel__BasicPanel___1GP6s,
|
||||
[class*="BasicPanel__BasicPanel___"],
|
||||
.message.addMessage,
|
||||
.singleSelect,
|
||||
.uiFileHandlerPanel,
|
||||
.Module__wrapper___2sbOo,
|
||||
.notifications__list___rp2L2,
|
||||
[class*="Module__wrapper___"],
|
||||
[class*="notifications__list___"],
|
||||
.thread,
|
||||
.calendar,
|
||||
.navigator,
|
||||
#title,
|
||||
.LabelList__selected___3Egk7,
|
||||
[class*="LabelList__selected___"],
|
||||
.buttonChecklist,
|
||||
.pane,
|
||||
.legacy-root button, .legacy-root a,
|
||||
.MessageList__MessageList___3DxoC {
|
||||
[class*="MessageList__MessageList___"] {
|
||||
backdrop-filter: blur(80px);
|
||||
}
|
||||
|
||||
@@ -47,7 +47,7 @@ html.transparencyEffects {
|
||||
}
|
||||
|
||||
.whatsnewContainer,
|
||||
.Message__Message___3oJaU {
|
||||
[class*="Message__Message___"] {
|
||||
backdrop-filter: blur(50px);
|
||||
}
|
||||
|
||||
|
||||
@@ -29,17 +29,51 @@ const assessmentsAveragePlugin: Plugin<typeof settings> = {
|
||||
|
||||
run: async (api) => {
|
||||
api.seqta.onMount(".assessmentsWrapper", async () => {
|
||||
// Wait for any assessment item to load first
|
||||
await waitForElm(
|
||||
"#main > .assessmentsWrapper .assessments .AssessmentItem__AssessmentItem___2EZ95",
|
||||
"#main > .assessmentsWrapper .assessments [class*='AssessmentItem__AssessmentItem___']",
|
||||
true,
|
||||
10,
|
||||
1000
|
||||
)
|
||||
);
|
||||
|
||||
const assessmentsList = document.querySelector("#main > .assessmentsWrapper .assessments .AssessmentList__items___3LcmQ");
|
||||
// Helper function to find actual class names by their base pattern
|
||||
const getClassByPattern = (element: Element | Document, basePattern: string): string => {
|
||||
// Find all classes on the element
|
||||
const classes = Array.from(element.querySelectorAll('*'))
|
||||
.flatMap(el => Array.from(el.classList))
|
||||
.filter(className => className.startsWith(basePattern));
|
||||
|
||||
return classes.length ? classes[0] : '';
|
||||
};
|
||||
|
||||
// Find actual class names from the DOM
|
||||
const sampleAssessmentItem = document.querySelector("[class*='AssessmentItem__AssessmentItem___']");
|
||||
if (!sampleAssessmentItem) return;
|
||||
|
||||
// Extract all necessary class patterns from a sample assessment item
|
||||
const assessmentItemClass = Array.from(sampleAssessmentItem.classList)
|
||||
.find(c => c.startsWith('AssessmentItem__AssessmentItem___')) || '';
|
||||
|
||||
const metaContainerClass = getClassByPattern(sampleAssessmentItem, 'AssessmentItem__metaContainer___');
|
||||
const metaClass = getClassByPattern(sampleAssessmentItem, 'AssessmentItem__meta___');
|
||||
const simpleResultClass = getClassByPattern(sampleAssessmentItem, 'AssessmentItem__simpleResult___');
|
||||
const titleClass = getClassByPattern(sampleAssessmentItem, 'AssessmentItem__title___');
|
||||
|
||||
// Get Thermoscore classes
|
||||
const thermoscoreElement = document.querySelector("[class*='Thermoscore__Thermoscore___']");
|
||||
if (!thermoscoreElement) return;
|
||||
|
||||
const thermoscoreClass = Array.from(thermoscoreElement.classList)
|
||||
.find(c => c.startsWith('Thermoscore__Thermoscore___')) || '';
|
||||
const fillClass = getClassByPattern(thermoscoreElement, 'Thermoscore__fill___');
|
||||
const textClass = getClassByPattern(thermoscoreElement, 'Thermoscore__text___');
|
||||
|
||||
// Find assessment list
|
||||
const assessmentsList = document.querySelector("#main > .assessmentsWrapper .assessments [class*='AssessmentList__items___']");
|
||||
if (!assessmentsList) return;
|
||||
|
||||
const gradeElements = document.querySelectorAll(".Thermoscore__text___1NdvB");
|
||||
const gradeElements = document.querySelectorAll("[class*='Thermoscore__text___']");
|
||||
if (!gradeElements.length) return;
|
||||
|
||||
// Parse and average grades
|
||||
@@ -87,21 +121,22 @@ const assessmentsAveragePlugin: Plugin<typeof settings> = {
|
||||
const display = api.settings.lettergrade ? letterAvg : `${avg.toFixed(2)}%`;
|
||||
|
||||
// Prevent duplicate
|
||||
const existing = assessmentsList.querySelector(".AssessmentItem__title___2bELn");
|
||||
const existing = assessmentsList.querySelector(`[class*='AssessmentItem__title___']`);
|
||||
if (existing?.textContent === "Subject Average") return;
|
||||
|
||||
// Use the dynamic class names in the HTML template
|
||||
const averageElement = stringToHTML(/* html */ `
|
||||
<div class="AssessmentItem__AssessmentItem___2EZ95">
|
||||
<div class="AssessmentItem__metaContainer___dMKma">
|
||||
<div class="AssessmentItem__meta___WNSiK">
|
||||
<div class="AssessmentItem__simpleResult___iBCeC">
|
||||
<div class="AssessmentItem__title___2bELn">Subject Average</div>
|
||||
<div class="${assessmentItemClass}">
|
||||
<div class="${metaContainerClass}">
|
||||
<div class="${metaClass}">
|
||||
<div class="${simpleResultClass}">
|
||||
<div class="${titleClass}">Subject Average</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Thermoscore__Thermoscore___2tWMi">
|
||||
<div class="Thermoscore__fill___35WjF" style="width: ${avg.toFixed(2)}%">
|
||||
<div class="Thermoscore__text___1NdvB" title="${display}">${display}</div>
|
||||
<div class="${thermoscoreClass}">
|
||||
<div class="${fillClass}" style="width: ${avg.toFixed(2)}%">
|
||||
<div class="${textClass}" title="${display}">${display}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -23,7 +23,7 @@ const notificationCollectorPlugin: Plugin<{}, NotificationCollectorStorage> = {
|
||||
|
||||
const checkNotifications = async () => {
|
||||
try {
|
||||
const alertDiv = document.querySelector(".notifications__bubble___1EkSQ") as HTMLElement;
|
||||
const alertDiv = document.querySelector("[class*='notifications__bubble___']") as HTMLElement;
|
||||
|
||||
if (api.storage.lastNotificationCount !== 0) {
|
||||
alertDiv.textContent = api.storage.lastNotificationCount.toString();
|
||||
@@ -67,7 +67,7 @@ const notificationCollectorPlugin: Plugin<{}, NotificationCollectorStorage> = {
|
||||
if (pollInterval) {
|
||||
window.clearInterval(pollInterval);
|
||||
pollInterval = null;
|
||||
const alertDiv = document.querySelector(".notifications__bubble___1EkSQ") as HTMLElement;
|
||||
const alertDiv = document.querySelector("[class*='notifications__bubble___']") as HTMLElement;
|
||||
if (alertDiv) {
|
||||
if (api.storage.lastNotificationCount > 9) {
|
||||
alertDiv.textContent = "9+";
|
||||
@@ -78,7 +78,7 @@ const notificationCollectorPlugin: Plugin<{}, NotificationCollectorStorage> = {
|
||||
}
|
||||
};
|
||||
|
||||
api.seqta.onMount(".notifications__bubble___1EkSQ", (_) => {
|
||||
api.seqta.onMount("[class*='notifications__bubble___']", (_) => {
|
||||
startPolling();
|
||||
});
|
||||
|
||||
|
||||
@@ -178,15 +178,19 @@ function applyDarkModeToIframe(
|
||||
}
|
||||
|
||||
function SortMessagePageItems(messagesParentElement: any) {
|
||||
try {
|
||||
let filterbutton = document.createElement("div")
|
||||
filterbutton.classList.add("messages-filterbutton")
|
||||
filterbutton.innerText = "Filter"
|
||||
|
||||
let header = document.getElementsByClassName(
|
||||
"MessageList__MessageList___3DxoC",
|
||||
)[0].firstChild as HTMLElement
|
||||
let header = document.querySelector(
|
||||
"[class*='MessageList__MessageList___']",
|
||||
) as HTMLElement
|
||||
header.append(filterbutton)
|
||||
messagesParentElement
|
||||
} catch (error) {
|
||||
console.error("Error sorting message page items:", error)
|
||||
}
|
||||
}
|
||||
|
||||
async function LoadPageElements(): Promise<void> {
|
||||
@@ -330,11 +334,7 @@ async function handleMessages(node: Element): Promise<void> {
|
||||
const element = document.getElementById("title")!.firstChild as HTMLElement
|
||||
element.innerText = "Direct Messages"
|
||||
document.title = "Direct Messages ― SEQTA Learn"
|
||||
try {
|
||||
SortMessagePageItems(node)
|
||||
} catch (error) {
|
||||
console.error("Error sorting message page items:", error)
|
||||
}
|
||||
|
||||
if (!settingsState.animations) return
|
||||
|
||||
|
||||
@@ -77,26 +77,26 @@ const contentConfig: ContentConfig = {
|
||||
},
|
||||
|
||||
messageSubject: {
|
||||
selector: '.MessageList__subject___1NV5O',
|
||||
selector: '[class*="MessageList__subject___"]',
|
||||
action: (element) => { element.textContent = getRandomElement(mockData.messages.subjects); }
|
||||
},
|
||||
|
||||
messageSender: {
|
||||
selector: '.MessageList__value___1sN24',
|
||||
selector: '[class*="MessageList__value___"]',
|
||||
action: (element) => { element.textContent = getRandomElement(mockData.messages.sender); }
|
||||
},
|
||||
|
||||
messageRecipients: {
|
||||
selector: '.MessageList__recipients___3hqpE .MessageList__value___1sN24',
|
||||
selector: '[class*="MessageList__recipients___"] [class*="MessageList__value___"]',
|
||||
action: (element) => { element.textContent = 'Recipient(s) Redacted'; }
|
||||
},
|
||||
|
||||
messageDate: {
|
||||
selector: '.MessageList__date___7muMb',
|
||||
selector: '[class*="MessageList__date___"]',
|
||||
action: (element) => { element.textContent = getRandomDate().toLocaleDateString('en-US', { weekday: 'long', day: 'numeric', month: 'long' }); }
|
||||
},
|
||||
avatarImage: {
|
||||
selector: '.Avatar__Avatar___gE5kx',
|
||||
selector: '[class*="Avatar__Avatar___"]',
|
||||
action: (element) => {
|
||||
if (element instanceof HTMLElement) {
|
||||
element.style.removeProperty('background-image');
|
||||
@@ -105,7 +105,7 @@ const contentConfig: ContentConfig = {
|
||||
}
|
||||
},
|
||||
notificationCount: {
|
||||
selector: '.notifications__bubble___1EkSQ',
|
||||
selector: '[class*="notifications__bubble___"]',
|
||||
action: (element) => { element.textContent = Math.floor(Math.random() * 100).toString(); }
|
||||
},
|
||||
schoolName: {
|
||||
|
||||
@@ -2,13 +2,13 @@ import { waitForElm } from "@/seqta/utils/waitForElm"
|
||||
import ReactFiber from "../ReactFiber";
|
||||
|
||||
const handleNotificationClick = async (target: HTMLElement) => {
|
||||
const notificationItem = target.closest('.notifications__item___2ErJN') as HTMLElement | null;
|
||||
const notificationItem = target.closest('[class*="notifications__item___"]') as HTMLElement | null;
|
||||
if (!notificationItem) return;
|
||||
|
||||
const buttonType = notificationItem.getAttribute('data-type');
|
||||
if (buttonType !== 'message') return;
|
||||
|
||||
const notificationList = await ReactFiber.find('.notifications__list___rp2L2').getState();
|
||||
const notificationList = await ReactFiber.find('[class*="notifications__list___"]').getState();
|
||||
const buttonId = notificationItem.getAttribute('data-id');
|
||||
if (!buttonId) return;
|
||||
|
||||
@@ -16,19 +16,19 @@ const handleNotificationClick = async (target: HTMLElement) => {
|
||||
(item: any) => item.notificationID === parseInt(buttonId)
|
||||
);
|
||||
|
||||
await waitForElm('.Viewer__Viewer___32BH-', true, 20);
|
||||
await waitForElm('[class*="Viewer__Viewer___"] > div', true, 20);
|
||||
|
||||
// Select the specific direct message
|
||||
ReactFiber.find('.Viewer__Viewer___32BH-').setState({ selected: new Set([matchingNotification.message.messageID]) });
|
||||
ReactFiber.find('[class*="Viewer__Viewer___"] > div').setState({ selected: new Set([matchingNotification.message.messageID]) });
|
||||
|
||||
// Close the notifications panel
|
||||
const notificationButton = document.querySelector('.notifications__notifications___3mmLY > button') as HTMLButtonElement | null;
|
||||
const notificationButton = document.querySelector('[class*="notifications__notifications___"] > button') as HTMLButtonElement | null;
|
||||
notificationButton?.click();
|
||||
};
|
||||
|
||||
const clickListeners = [
|
||||
{
|
||||
selector: '.notifications__item___2ErJN',
|
||||
selector: '[class*="notifications__item___"]',
|
||||
handler: handleNotificationClick,
|
||||
},
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user