diff --git a/src/css/documentload.scss b/src/css/documentload.scss index c9d9361b..6e5f9ba3 100644 --- a/src/css/documentload.scss +++ b/src/css/documentload.scss @@ -26,6 +26,14 @@ font-display: swap; } +@layer base, override; + +@layer override { + * { + font-family: Rubik, sans-serif !important; + } +} + html { background: #161616 !important; background-color: #161616; diff --git a/src/css/injected.scss b/src/css/injected.scss index b2c408cf..c726d82a 100644 --- a/src/css/injected.scss +++ b/src/css/injected.scss @@ -22,10 +22,6 @@ font-family: Rubik, sans-serif !important; } -*:not([class^="Canvas__canvas___"]):not([class^="Canvas__canvas___"] *):not([class^="ThemeCard__"]):not([class^="ThemeCard__"] *):not([class^="ThemePreview__"]):not([class^="ThemePreview__"] *):not([class^="academicReportsWrapper"]):not([class^="academicReportsWrapper"] *):not(textarea):not(.doesntexist) { - font-family: Rubik, sans-serif !important; -} - ::view-transition-old(root), ::view-transition-new(root) { animation: none; @@ -2374,7 +2370,7 @@ div.bar.flat { padding: 0 !important; padding-left: 8px !important; gap: 0 8px; - background: var(--better-main); + background: transparent !important; } .cke_toolbar:has(.cke_toolgroup) { .cke_combo { diff --git a/src/plugins/monofile.ts b/src/plugins/monofile.ts index 62a1a0bf..874ef526 100644 --- a/src/plugins/monofile.ts +++ b/src/plugins/monofile.ts @@ -630,73 +630,6 @@ export function init() { HideMenuItems(); tryLoad(); - // Auto-focus WISP direct online submission editor when pane opens - eventManager.register( - "wispassessmentAdded", - { - customCheck: (el) => - el.classList.contains("wispassessment") || - el.querySelector(".wispassessment") !== null, - }, - (element) => { - const wispassessment = element.classList.contains("wispassessment") - ? (element as Element) - : element.querySelector(".wispassessment"); - if (!wispassessment) return; - - const focusEditableBody = (iframe: HTMLIFrameElement) => { - try { - const doc = iframe.contentDocument; - const win = iframe.contentWindow; - if (doc?.body && win) { - const editable = - doc.body.querySelector(".cke_editable") || doc.body; - const el = editable as HTMLElement; - el.focus(); - const range = doc.createRange(); - range.selectNodeContents(el); - range.collapse(true); - const sel = win.getSelection(); - if (sel) { - sel.removeAllRanges(); - sel.addRange(range); - } - return true; - } - } catch (_) {} - return false; - }; - - const focusEditor = () => { - const iframe = wispassessment.querySelector(".cke_wysiwyg_frame"); - if (iframe instanceof HTMLIFrameElement) { - if (focusEditableBody(iframe)) return; - iframe.focus(); - return; - } - const ckeditor = (window as any).CKEDITOR; - if (ckeditor?.instances?.editor1) { - try { - ckeditor.instances.editor1.focus(); - } catch (_) {} - } - }; - - const iframe = wispassessment.querySelector(".cke_wysiwyg_frame"); - if (iframe instanceof HTMLIFrameElement) { - iframe.addEventListener( - "load", - () => focusEditableBody(iframe), - { once: true }, - ); - } - - [1000, 1200, 1500].forEach((delay) => - setTimeout(focusEditor, delay), - ); - }, - ); - setTimeout(() => { const legacyElement = document.querySelector( ".outside-container .bottom-container",