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

handler UX scroll problem

Browse Source
This commit is contained in:
Jan Prochazka
2024-12-12 16:06:36 +01:00
parent 897547371e
commit 6b9df571af
5 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/web/src/appobj/AppObjectCore.svelte
View File

@@ -30,6 +30,7 @@
export let onUnpin = null;
export let showPinnedInsteadOfUnpin = false;
export let indentLevel = 0;
export let disableBoldScroll = false;
$: isChecked =
checkedObjectsStore && $checkedObjectsStore.find(x => module?.extractKey(data) == module?.extractKey(x));
@@ -69,7 +70,7 @@
// $: console.log(title, indentLevel);
let domDiv;
$: if (isBold && domDiv) {
$: if (isBold && domDiv && !disableBoldScroll) {
domDiv.scrollIntoView({ block: 'nearest', inline: 'nearest' });
}

3
packages/web/src/appobj/AppObjectList.svelte
View File

@@ -1,6 +1,5 @@
<script>
import _, { sortBy } from 'lodash';
import { asyncFilter } from '../utility/common';
import _ from 'lodash';
import AppObjectGroup from './AppObjectGroup.svelte';
import { plusExpandIcon } from '../icons/expandIcons';

3
packages/web/src/appobj/ConnectionAppObject.svelte
View File

@@ -394,4 +394,5 @@
(data.singleDatabase
? $focusedConnectionOrDatabase?.database == data.defaultDatabase
: !$focusedConnectionOrDatabase?.database)}
/>
disableBoldScroll={!!$focusedConnectionOrDatabase}
/>

1
packages/web/src/appobj/DatabaseAppObject.svelte
View File

@@ -559,4 +559,5 @@ await dbgateApi.dropAllDbObjects(${JSON.stringify(
: null}
isChoosed={data.connection?._id == $focusedConnectionOrDatabase?.conid &&
data.name == $focusedConnectionOrDatabase?.database}
disableBoldScroll={!!$focusedConnectionOrDatabase}
/>

11
packages/web/src/widgets/ConnectionList.svelte
View File

@@ -285,7 +285,11 @@
expandOnClick
isExpandable={data => $openedConnections.includes(data._id) && !data.singleDatabase}
{filter}
passProps={{ ...passProps, connectionColorFactory: $connectionColorFactory, showPinnedInsteadOfUnpin: true }}
passProps={{
...passProps,
connectionColorFactory: $connectionColorFactory,
showPinnedInsteadOfUnpin: true,
}}
getIsExpanded={data => $expandedConnections.includes(data._id) && !data.singleDatabase}
setIsExpanded={(data, value) => {
expandedConnections.update(old => (value ? [...old, data._id] : old.filter(x => x != data._id)));
@@ -309,7 +313,10 @@
expandOnClick
isExpandable={data => $openedConnections.includes(data._id) && !data.singleDatabase}
{filter}
passProps={{ connectionColorFactory: $connectionColorFactory, showPinnedInsteadOfUnpin: true }}
passProps={{
connectionColorFactory: $connectionColorFactory,
showPinnedInsteadOfUnpin: true,
}}
getIsExpanded={data => $expandedConnections.includes(data._id) && !data.singleDatabase}
setIsExpanded={(data, value) => {
expandedConnections.update(old => (value ? [...old, data._id] : old.filter(x => x != data._id)));