BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: theme creator fullscreen view not working

Browse Source
This commit is contained in:
SethBurkart123
2025-03-28 12:29:26 +11:00
parent 7af6acaf38
commit d19f573093
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/interface/pages/themeCreator.svelte
+10 -5
View File
@@ -51,7 +51,12 @@
codeEditorFullscreen = !codeEditorFullscreen; codeEditorFullscreen = !codeEditorFullscreen;
} }
function toggleAccordion(title: string) { function toggleAccordion(title: string, e: MouseEvent | KeyboardEvent) {
// if the target is the fullscreen button return
if (e.target instanceof HTMLButtonElement && e.target.classList.contains('fullscreen-toggle')) {
return;
}
if (closedAccordions.includes(title)) { if (closedAccordions.includes(title)) {
closedAccordions = closedAccordions.filter(t => t !== title); closedAccordions = closedAccordions.filter(t => t !== title);
} else { } else {
@@ -160,8 +165,8 @@
<div class="flex justify-between {item.direction === 'vertical' ? 'flex-col items-start' : 'items-center'} py-3"> <div class="flex justify-between {item.direction === 'vertical' ? 'flex-col items-start' : 'items-center'} py-3">
<!-- svelte-ignore a11y_no_static_element_interactions --> <!-- svelte-ignore a11y_no_static_element_interactions -->
<div <div
onclick={() => { item.direction === 'vertical' && toggleAccordion(item.title) }} onclick={(e) => { item.direction === 'vertical' && toggleAccordion(item.title, e) }}
onkeydown={(e) => { e.key === 'Enter' && item.direction === 'vertical' && toggleAccordion(item.title) }} onkeydown={(e) => { e.key === 'Enter' && item.direction === 'vertical' && toggleAccordion(item.title, e) }}
class="flex justify-between pr-4 {item.direction === 'vertical' ? 'cursor-pointer w-full select-none' : ''}"> class="flex justify-between pr-4 {item.direction === 'vertical' ? 'cursor-pointer w-full select-none' : ''}">
<div> <div>
@@ -173,7 +178,7 @@
<div class="flex justify-center items-center h-full text-xl font-light text-zinc-500 dark:text-zinc-300"> <div class="flex justify-center items-center h-full text-xl font-light text-zinc-500 dark:text-zinc-300">
{#if item.type === 'codeEditor'} {#if item.type === 'codeEditor'}
<!-- Fullscreen toggle button --> <!-- Fullscreen toggle button -->
<button onclick={toggleCodeEditorFullscreen} class="mr-2 text-lg font-IconFamily"> <button onclick={toggleCodeEditorFullscreen} class="px-2 mr-2 text-lg font-IconFamily fullscreen-toggle">
{'\uebdb'} {'\uebdb'}
</button> </button>
{/if} {/if}
@@ -251,7 +256,7 @@
<div class='h-screen overflow-y-scroll {$settingsState.DarkMode && "dark"} no-scrollbar'> <div class='h-screen overflow-y-scroll {$settingsState.DarkMode && "dark"} no-scrollbar'>
{#if codeEditorFullscreen} {#if codeEditorFullscreen}
<div class="absolute inset-0 bg-white z-10000 dark:bg-zinc-900 dark:text-white"> <div class="absolute inset-0 bg-white z-[10000] dark:bg-zinc-900 dark:text-white">
<div class="sticky top-0 px-2 h-screen"> <div class="sticky top-0 px-2 h-screen">
<div class="flex justify-between items-center my-4"> <div class="flex justify-between items-center my-4">
<h2 class="text-xl font-bold">Custom CSS</h2> <h2 class="text-xl font-bold">Custom CSS</h2>