diff --git a/package.json b/package.json index 3b184f3c..c87befb9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "betterseqtaplus", - "version": "3.4.16", + "version": "3.5.0", "type": "module", "description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development add add heaps more features!", "browserslist": "> 0.5%, last 2 versions, not dead", diff --git a/src/css/injected.scss b/src/css/injected.scss index c429dc99..b2c408cf 100644 --- a/src/css/injected.scss +++ b/src/css/injected.scss @@ -447,6 +447,7 @@ ul.magicDelete > li.deleting { background: var(--better-main) !important; color: var(--text-color); border-right: none; + transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #menu li > label > svg, #menu section > label > svg { @@ -459,9 +460,7 @@ ul.magicDelete > li.deleting { body.icon-only-sidebar:not(:has(#menu li.hasChildren.active)) { #menu { width: 70px !important; - min-width: 70px !important; - max-width: 70px !important; - transition: width 0.2s ease; + transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden !important; } @@ -472,6 +471,12 @@ body.icon-only-sidebar:not(:has(#menu li.hasChildren.active)) { #content { left: 70px !important; + transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1); + } + + #menu .sub { + left: 70px !important; + transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #menu li > label span, @@ -483,10 +488,6 @@ body.icon-only-sidebar:not(:has(#menu li.hasChildren.active)) { display: none !important; } - #menu .sub { - left: 70px !important; - } - #menu ul li, #menu ul section { width: 100% !important; @@ -934,7 +935,7 @@ html.transparencyEffects } #content { - transition: 0.4s; + transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s ease; left: 270px; background: unset; } diff --git a/src/css/injected/sidebar-animation.scss b/src/css/injected/sidebar-animation.scss index 51c6a11f..88cb2e2e 100644 --- a/src/css/injected/sidebar-animation.scss +++ b/src/css/injected/sidebar-animation.scss @@ -35,7 +35,7 @@ } #menu .sub { - transition: transform 0.3s ease; + transition: transform 0.3s ease, left 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #menu > ul:has(li.hasChildren.active) > li.active { diff --git a/src/interface/components/store/ThemeModal.svelte b/src/interface/components/store/ThemeModal.svelte index 5deff576..cb340221 100644 --- a/src/interface/components/store/ThemeModal.svelte +++ b/src/interface/components/store/ThemeModal.svelte @@ -29,9 +29,13 @@ // Function to get related themes function getRelatedThemes() { + if (!theme) return []; return allThemes - .filter((t: Theme) => t.id !== theme.id) - .sort((a: Theme, b: Theme) => a.name.localeCompare(theme.name) - b.name.localeCompare(theme.name)) + .filter((t: Theme) => !!t && t.id !== theme.id) + .sort( + (a: Theme, b: Theme) => + a.name.localeCompare(theme.name) - b.name.localeCompare(theme.name), + ) .slice(0, 4); } @@ -84,6 +88,7 @@ onclick={(e) => e.stopPropagation()} onkeydown={(e) => e.stopPropagation()} > + {#if theme}