BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-05 19:24:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: border applying to bottom most item

Browse Source
This commit is contained in:
Jones8683
2025-11-10 16:18:55 +10:30
parent 7c38e1dc29
commit 4734a443b4
1 changed files with 92 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/injected.scss
+92 -75
View File
@@ -823,8 +823,16 @@ div > ol:has(.uiFileHandlerWrapper) {
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
} }
html.transparencyEffects [class*="ResourceList__ResourceItem___voTSd"]:not(:last-child) { html.transparencyEffects [class*="BasicPanel__BasicPanel___q92_U"] > ol > li {
border-bottom: 1px solid var(--theme-offset-bg); border-bottom: none !important;
}
html.transparencyEffects
[class*="BasicPanel__BasicPanel___q92_U"]
> ol
> li
+ li {
border-top: 1px solid var(--theme-offset-bg);
} }
.assessmentsWrapper .message { .assessmentsWrapper .message {
@@ -982,7 +990,7 @@ html.transparencyEffects [class*="ResourceList__ResourceItem___voTSd"]:not(:last
top: 72px; top: 72px;
left: 0px; left: 0px;
z-index: 10; z-index: 10;
@media (min-width: 1401px) { @media (min-width: 1401px) {
position: absolute; position: absolute;
left: 402px; left: 402px;
@@ -1689,7 +1697,7 @@ iframe.userHTML {
} }
.programmeNavigator { .programmeNavigator {
box-shadow: 0 0 40px 0px rgba(0,0,0,0.05); box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.05);
overflow-y: scroll; overflow-y: scroll;
height: 100%; height: 100%;
@@ -1748,7 +1756,7 @@ iframe.userHTML {
&.selected { &.selected {
background: transparent !important; background: transparent !important;
} }
&::before { &::before {
content: ""; content: "";
position: absolute; position: absolute;
@@ -1760,7 +1768,9 @@ iframe.userHTML {
background: var(--auto-background); background: var(--auto-background);
opacity: 0; opacity: 0;
scale: 0.95; scale: 0.95;
transition: opacity 0.2s ease-out, scale 0.1s ease-out; transition:
opacity 0.2s ease-out,
scale 0.1s ease-out;
z-index: -1; z-index: -1;
pointer-events: none; pointer-events: none;
} }
@@ -1774,13 +1784,12 @@ iframe.userHTML {
opacity: 1; opacity: 1;
scale: 1; scale: 1;
} }
} }
} }
} }
.pane { .pane {
.content:has(.programmeNavigator) { .content:has(.programmeNavigator) {
margin: 0; margin: 0;
} }
@@ -1798,7 +1807,9 @@ iframe.userHTML {
.dark .programmeNavigator .navigator { .dark .programmeNavigator .navigator {
.search { .search {
background: var(--background-secondary) !important; background: var(--background-secondary) !important;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 15px 0px rgba(0, 0, 0, 0.1) !important; box-shadow:
0px 0px 10px 0px rgba(0, 0, 0, 0.1),
inset 0px 0px 15px 0px rgba(0, 0, 0, 0.1) !important;
} }
} }
.dark #main > .course > .content > h1 { .dark #main > .course > .content > h1 {
@@ -2027,7 +2038,7 @@ div.entry.new {
div.liveEntry { div.liveEntry {
border-radius: 4px; border-radius: 4px;
} }
div.dailycalMarker { div.dailycalMarker {
border-radius: 4px; border-radius: 4px;
@@ -2178,24 +2189,23 @@ div.bar.flat {
background: var(--background-secondary) !important; background: var(--background-secondary) !important;
} }
.dashlet-motd { .dashlet-motd {
padding: 7px !important; padding: 7px !important;
.message { .message {
font-size: 24px !important; font-size: 24px !important;
border-radius: 12px !important; border-radius: 12px !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
color: #fff !important; color: #fff !important;
padding: 16px !important; padding: 16px !important;
margin: 0 !important; margin: 0 !important;
height: 100% !important; height: 100% !important;
max-height: none !important; max-height: none !important;
display: flex !important; display: flex !important;
align-items: flex-start !important; align-items: flex-start !important;
overflow: hidden !important; overflow: hidden !important;
}
} }
}
.cke_toolbox > .cke_toolbar > .cke_toolgroup > .cke_button { .cke_toolbox > .cke_toolbar > .cke_toolgroup > .cke_button {
background: var(--background-secondary) !important; background: var(--background-secondary) !important;
@@ -3749,14 +3759,19 @@ div.day-empty {
} }
.notice-unified-content { .notice-unified-content {
h1, h2, h3, h4, h5, h6 { h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
font-weight: inherit !important; font-weight: inherit !important;
color: inherit !important; color: inherit !important;
text-shadow: none !important; text-shadow: none !important;
} }
.notice-header { .notice-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -3765,7 +3780,7 @@ div.day-empty {
margin-bottom: 12px; margin-bottom: 12px;
gap: 16px; gap: 16px;
} }
.notice-content-title { .notice-content-title {
font-size: 20px !important; // Nice middle ground - not too big, not too small font-size: 20px !important; // Nice middle ground - not too big, not too small
font-weight: 600 !important; font-weight: 600 !important;
@@ -3774,7 +3789,7 @@ div.day-empty {
line-height: 1.3 !important; line-height: 1.3 !important;
flex-shrink: 0; flex-shrink: 0;
} }
.notice-content-body { .notice-content-body {
font-size: 14px !important; font-size: 14px !important;
color: var(--text-secondary) !important; color: var(--text-secondary) !important;
@@ -3786,72 +3801,73 @@ div.day-empty {
min-width: 600px; // Ensure tables have consistent width for layout min-width: 600px; // Ensure tables have consistent width for layout
width: 100%; width: 100%;
} }
// The ONLY difference between states is clipping! // The ONLY difference between states is clipping!
&.notice-card-state { &.notice-card-state {
.notice-content-body { .notice-content-body {
// Clip to show only 2 lines but keep full layout // Clip to show only 2 lines but keep full layout
overflow: hidden; overflow: hidden;
max-height: 3em; // ~2 lines worth of height max-height: 3em; // ~2 lines worth of height
} }
} }
&.notice-modal-state { &.notice-modal-state {
.notice-close-btn { .notice-close-btn {
opacity: 1; opacity: 1;
} }
.notice-content-body { .notice-content-body {
// Show full content with scrolling // Show full content with scrolling
overflow-y: auto; overflow-y: auto;
// Custom scrollbar for long content // Custom scrollbar for long content
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 6px; width: 6px;
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background: transparent; background: transparent;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
border-radius: 3px; border-radius: 3px;
} }
&::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.3);
}
// Style content elements nicely &::-webkit-scrollbar-thumb:hover {
p { background: rgba(255, 255, 255, 0.3);
margin-bottom: 12px; }
&:last-child {
margin-bottom: 0;
}
}
a { // Style content elements nicely
color: var(--theme-primary); p {
text-decoration: none; margin-bottom: 12px;
&:hover { &:last-child {
text-decoration: underline; margin-bottom: 0;
} }
} }
ul, ol { a {
margin: 12px 0; color: var(--theme-primary);
padding-left: 20px; text-decoration: none;
}
li { &:hover {
margin-bottom: 4px; text-decoration: underline;
} }
} }
}
} ul,
ol {
margin: 12px 0;
padding-left: 20px;
}
li {
margin-bottom: 4px;
}
}
}
}
.notice-header { .notice-header {
display: flex; display: flex;
@@ -3951,21 +3967,21 @@ button.notice-close-btn {
color: var(--text-secondary); color: var(--text-secondary);
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
// Custom scrollbar // Custom scrollbar
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 6px; width: 6px;
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background: transparent; background: transparent;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
border-radius: 3px; border-radius: 3px;
} }
&::-webkit-scrollbar-thumb:hover { &::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
} }
@@ -3973,7 +3989,7 @@ button.notice-close-btn {
// Style content elements // Style content elements
p { p {
margin-bottom: 12px; margin-bottom: 12px;
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
@@ -3988,7 +4004,8 @@ button.notice-close-btn {
} }
} }
ul, ol { ul,
ol {
margin: 12px 0; margin: 12px 0;
padding-left: 20px; padding-left: 20px;
} }
@@ -4002,7 +4019,7 @@ button.notice-close-btn {
.dark { .dark {
.notice-card { .notice-card {
border-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.05);
&:hover { &:hover {
border-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1);
} }
@@ -4035,7 +4052,7 @@ button.notice-close-btn {
.notice-card { .notice-card {
padding: 12px; padding: 12px;
} }
.notice-preview { .notice-preview {
font-size: 13px; font-size: 13px;
} }