diff --git a/src/css/injected.scss b/src/css/injected.scss index 1697c1be..3f954dc0 100644 --- a/src/css/injected.scss +++ b/src/css/injected.scss @@ -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; }