dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-19 11:56:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed Resizing window resets window contents #479

Browse Source
This commit is contained in:
Jan Prochazka
2023-03-12 08:45:28 +01:00
parent edc3a7409a
commit b2f55522a8
2 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/web/src/elements/HorizontalSplitter.svelte
View File

@@ -1,5 +1,8 @@
<script context="module">
export function computeSplitterSize(initialValue, clientSize) {
export function computeSplitterSize(initialValue, clientSize, customRatio) {
if (customRatio != null) {
return clientSize * customRatio;
}
if (_.isString(initialValue) && initialValue.startsWith('~') && initialValue.endsWith('px'))
return clientSize - parseInt(initialValue.slice(1, -2));
if (_.isString(initialValue) && initialValue.endsWith('px')) return parseInt(initialValue.slice(0, -2));
@@ -27,8 +30,9 @@
export let size = 0;
let clientWidth;
let customRatio = null;
$: size = computeSplitterSize(initialValue, clientWidth);
$: size = computeSplitterSize(initialValue, clientWidth, customRatio);
</script>
<div class="container" bind:clientWidth>
@@ -52,7 +56,10 @@
class="horizontal-split-handle"
style={collapsed1 || collapsed2 ? 'display:none' : ''}
use:splitterDrag={'clientX'}
on:resizeSplitter={e => (size += e.detail)}
on:resizeSplitter={e => {
size += e.detail;
if (clientWidth > 0) customRatio = size / clientWidth;
}}
/>
{/if}
<div

8
packages/web/src/elements/VerticalSplitter.svelte
View File

@@ -16,8 +16,9 @@
let collapsed1 = false;
let collapsed2 = false;
let customRatio = null;
$: size = computeSplitterSize(initialValue, clientHeight);
$: size = computeSplitterSize(initialValue, clientHeight, customRatio);
</script>
<div class="container" bind:clientHeight>
@@ -38,7 +39,10 @@
class={'vertical-split-handle'}
style={collapsed1 || collapsed2 ? 'display:none' : ''}
use:splitterDrag={'clientY'}
on:resizeSplitter={e => (size += e.detail)}
on:resizeSplitter={e => {
size += e.detail;
if (clientHeight > 0) customRatio = size / clientHeight;
}}
/>
<div
class={collapsed1 ? 'child1' : 'child2'}