gamezonline/Moku
1
0
Fork 0
mirror of https://github.com/moku-project/Moku.git synced 2026-06-13 09:19:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: ReaderOverlay Draggable

Browse Source
This commit is contained in:
Youwes09
2026-05-17 00:01:55 -05:00
parent 7df3846e75
commit 3b5efc85d0
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/reader/components/ReaderControls.svelte
+9 -3
View File
@@ -118,7 +118,6 @@
class:bar-left={barPosition === "left"} class:bar-left={barPosition === "left"}
class:bar-right={barPosition === "right"} class:bar-right={barPosition === "right"}
class:hidden={!uiVisible} class:hidden={!uiVisible}
data-tauri-drag-region={barPosition === "top" ? true : undefined}
> >
<div class="bar-start"> <div class="bar-start">
<button class="icon-btn" onclick={closeReader} title="Close reader"><X size={15} weight="light" /></button> <button class="icon-btn" onclick={closeReader} title="Close reader"><X size={15} weight="light" /></button>
@@ -177,7 +176,7 @@
</button> </button>
{#if !isVertical} {#if !isVertical}
<span class="bar-sep"></span> <span class="bar-sep" data-tauri-drag-region></span>
{/if} {/if}
</div> </div>
@@ -187,6 +186,10 @@
</div> </div>
{/if} {/if}
{#if !isVertical}
<div class="bar-drag-gap" data-tauri-drag-region></div>
{/if}
<div class="bar-end"> <div class="bar-end">
<div class="zoom-wrap"> <div class="zoom-wrap">
<div class="zoom-inline"> <div class="zoom-inline">
@@ -393,12 +396,15 @@
.bar-left { left: 0; border-right: 1px solid var(--border-dim); } .bar-left { left: 0; border-right: 1px solid var(--border-dim); }
.bar-right { right: 0; border-left: 1px solid var(--border-dim); } .bar-right { right: 0; border-left: 1px solid var(--border-dim); }
.bar-drag-gap { flex: 1; height: 100%; cursor: grab; }
.bar-drag-gap:active { cursor: grabbing; }
.bar-start, .bar-end { .bar-start, .bar-end {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--sp-1); gap: var(--sp-1);
} }
.bar-top .bar-start { flex: 1; overflow: hidden; } .bar-top .bar-start { overflow: hidden; }
.bar-left .bar-start, .bar-left .bar-start,
.bar-left .bar-end, .bar-left .bar-end,
.bar-right .bar-start, .bar-right .bar-start,