diff --git a/src/css/injected.scss b/src/css/injected.scss index c726d82a..9a2194f8 100644 --- a/src/css/injected.scss +++ b/src/css/injected.scss @@ -486,7 +486,6 @@ body.icon-only-sidebar:not(:has(#menu li.hasChildren.active)) { #menu ul li, #menu ul section { - width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 8px !important; diff --git a/src/plugins/monofile.ts b/src/plugins/monofile.ts index 62a1a0bf..13288393 100644 --- a/src/plugins/monofile.ts +++ b/src/plugins/monofile.ts @@ -612,7 +612,15 @@ export function init() { if (settingsState.onoff) { console.info("[BetterSEQTA+] Enabled"); if (settingsState.DarkMode) document.documentElement.classList.add("dark"); - if (settingsState.iconOnlySidebar) document.body.classList.add("icon-only-sidebar"); + if (settingsState.iconOnlySidebar) { + if (document.body) { + document.body.classList.add("icon-only-sidebar"); + } else { + document.addEventListener("DOMContentLoaded", () => { + document.body?.classList.add("icon-only-sidebar"); + }); + } + } document.querySelector(".legacy-root")?.classList.add("hidden"); ObserveMenuItemPosition(); diff --git a/src/seqta/utils/listeners/StorageChanges.ts b/src/seqta/utils/listeners/StorageChanges.ts index bfa256d3..15d495c9 100644 --- a/src/seqta/utils/listeners/StorageChanges.ts +++ b/src/seqta/utils/listeners/StorageChanges.ts @@ -39,6 +39,7 @@ export class StorageChangeHandler { } private handleIconOnlySidebarChange(newValue: boolean | undefined) { + if (!document.body) return; if (newValue) { document.body.classList.add("icon-only-sidebar"); } else {