mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 03:34:40 +00:00
fix: border applying to bottom most item
This commit is contained in:
Jones8683
+92
-75
@@ -823,8 +823,16 @@ div > ol:has(.uiFileHandlerWrapper) {
|
||||
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
html.transparencyEffects [class*="ResourceList__ResourceItem___voTSd"]:not(:last-child) {
|
||||
border-bottom: 1px solid var(--theme-offset-bg);
|
||||
html.transparencyEffects [class*="BasicPanel__BasicPanel___q92_U"] > ol > li {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
html.transparencyEffects
|
||||
[class*="BasicPanel__BasicPanel___q92_U"]
|
||||
> ol
|
||||
> li
|
||||
+ li {
|
||||
border-top: 1px solid var(--theme-offset-bg);
|
||||
}
|
||||
|
||||
.assessmentsWrapper .message {
|
||||
@@ -982,7 +990,7 @@ html.transparencyEffects [class*="ResourceList__ResourceItem___voTSd"]:not(:last
|
||||
top: 72px;
|
||||
left: 0px;
|
||||
z-index: 10;
|
||||
|
||||
|
||||
@media (min-width: 1401px) {
|
||||
position: absolute;
|
||||
left: 402px;
|
||||
@@ -1689,7 +1697,7 @@ iframe.userHTML {
|
||||
}
|
||||
|
||||
.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;
|
||||
height: 100%;
|
||||
|
||||
@@ -1748,7 +1756,7 @@ iframe.userHTML {
|
||||
&.selected {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -1760,7 +1768,9 @@ iframe.userHTML {
|
||||
background: var(--auto-background);
|
||||
opacity: 0;
|
||||
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;
|
||||
pointer-events: none;
|
||||
}
|
||||
@@ -1774,13 +1784,12 @@ iframe.userHTML {
|
||||
opacity: 1;
|
||||
scale: 1;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pane {
|
||||
.content:has(.programmeNavigator) {
|
||||
.content:has(.programmeNavigator) {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -1798,7 +1807,9 @@ iframe.userHTML {
|
||||
.dark .programmeNavigator .navigator {
|
||||
.search {
|
||||
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 {
|
||||
@@ -2027,7 +2038,7 @@ div.entry.new {
|
||||
|
||||
div.liveEntry {
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
div.dailycalMarker {
|
||||
border-radius: 4px;
|
||||
@@ -2178,24 +2189,23 @@ div.bar.flat {
|
||||
background: var(--background-secondary) !important;
|
||||
}
|
||||
|
||||
.dashlet-motd {
|
||||
padding: 7px !important;
|
||||
.message {
|
||||
font-size: 24px !important;
|
||||
border-radius: 12px !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
color: #fff !important;
|
||||
padding: 16px !important;
|
||||
margin: 0 !important;
|
||||
height: 100% !important;
|
||||
max-height: none !important;
|
||||
display: flex !important;
|
||||
align-items: flex-start !important;
|
||||
overflow: hidden !important;
|
||||
.dashlet-motd {
|
||||
padding: 7px !important;
|
||||
.message {
|
||||
font-size: 24px !important;
|
||||
border-radius: 12px !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
color: #fff !important;
|
||||
padding: 16px !important;
|
||||
margin: 0 !important;
|
||||
height: 100% !important;
|
||||
max-height: none !important;
|
||||
display: flex !important;
|
||||
align-items: flex-start !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.cke_toolbox > .cke_toolbar > .cke_toolgroup > .cke_button {
|
||||
background: var(--background-secondary) !important;
|
||||
@@ -3749,14 +3759,19 @@ div.day-empty {
|
||||
}
|
||||
|
||||
.notice-unified-content {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
font-weight: inherit !important;
|
||||
color: inherit !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
|
||||
.notice-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -3765,7 +3780,7 @@ div.day-empty {
|
||||
margin-bottom: 12px;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
|
||||
.notice-content-title {
|
||||
font-size: 20px !important; // Nice middle ground - not too big, not too small
|
||||
font-weight: 600 !important;
|
||||
@@ -3774,7 +3789,7 @@ div.day-empty {
|
||||
line-height: 1.3 !important;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
|
||||
.notice-content-body {
|
||||
font-size: 14px !important;
|
||||
color: var(--text-secondary) !important;
|
||||
@@ -3786,72 +3801,73 @@ div.day-empty {
|
||||
min-width: 600px; // Ensure tables have consistent width for layout
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
// The ONLY difference between states is clipping!
|
||||
&.notice-card-state {
|
||||
&.notice-card-state {
|
||||
.notice-content-body {
|
||||
// Clip to show only 2 lines but keep full layout
|
||||
overflow: hidden;
|
||||
max-height: 3em; // ~2 lines worth of height
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.notice-modal-state {
|
||||
.notice-close-btn {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
.notice-content-body {
|
||||
// Show full content with scrolling
|
||||
overflow-y: auto;
|
||||
|
||||
|
||||
// Custom scrollbar for long content
|
||||
&::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
|
||||
&::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
// Style content elements nicely
|
||||
p {
|
||||
margin-bottom: 12px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
&::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--theme-primary);
|
||||
text-decoration: none;
|
||||
// Style content elements nicely
|
||||
p {
|
||||
margin-bottom: 12px;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin: 12px 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
a {
|
||||
color: var(--theme-primary);
|
||||
text-decoration: none;
|
||||
|
||||
li {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin: 12px 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notice-header {
|
||||
display: flex;
|
||||
@@ -3951,21 +3967,21 @@ button.notice-close-btn {
|
||||
color: var(--text-secondary);
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
|
||||
|
||||
// Custom scrollbar
|
||||
&::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
|
||||
&::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
&::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
@@ -3973,7 +3989,7 @@ button.notice-close-btn {
|
||||
// Style content elements
|
||||
p {
|
||||
margin-bottom: 12px;
|
||||
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -3988,7 +4004,8 @@ button.notice-close-btn {
|
||||
}
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
ul,
|
||||
ol {
|
||||
margin: 12px 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
@@ -4002,7 +4019,7 @@ button.notice-close-btn {
|
||||
.dark {
|
||||
.notice-card {
|
||||
border-color: rgba(255, 255, 255, 0.05);
|
||||
|
||||
|
||||
&:hover {
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
@@ -4035,7 +4052,7 @@ button.notice-close-btn {
|
||||
.notice-card {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
|
||||
.notice-preview {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user