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

json view in perspective improvement

Browse Source
This commit is contained in:
Jan Prochazka
2022-09-15 16:04:44 +02:00
parent 24b0d278fd
commit fe61e5e631
3 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/web/src/jsontree/JSONNested.svelte
View File

@@ -15,8 +15,9 @@
const context = getContext('json-tree-context-key');
setContext('json-tree-context-key', { ...context, colon })
const elementData=getContext('json-tree-element-data');
const slicedKeyCount = getContext('json-tree-sliced-key-count');
$: slicedKeys = expanded ? keys: previewKeys.slice(0, 5);
$: slicedKeys = expanded ? keys: previewKeys.slice(0, slicedKeyCount || 5);
$: if (!isParentExpanded) {
expanded = false;

13
packages/web/src/jsontree/JSONTree.svelte
View File

@@ -14,12 +14,15 @@
export let expandAll = false;
export let expanded = expandAll;
export let labelOverride = null;
export let slicedKeyCount = null;
export let disableContextMenu = null;
export let isDeleted = false;
export let isInserted = false;
export let isModified = false;
setContext('json-tree-default-expanded', expandAll);
if (slicedKeyCount) setContext('json-tree-sliced-key-count', slicedKeyCount);
const elementData = new WeakMap();
@@ -69,7 +72,12 @@
}
</script>
<ul use:contextMenu={[parentMenu, menu, getElementMenu]} class:isDeleted class:isInserted class:isModified>
<ul
use:contextMenu={disableContextMenu ? '__no_menu' : [parentMenu, menu, getElementMenu]}
class:isDeleted
class:isInserted
class:isModified
>
<JSONNode {key} {value} isParentExpanded={true} isParentArray={false} {expanded} {labelOverride} />
</ul>
@@ -101,7 +109,8 @@
--li-line-height: var(--json-tree-li-line-height, 1.3);
--li-colon-space: 0.3em;
font-size: var(--json-tree-font-size, 12px);
font-family: var(--json-tree-font-family, 'Courier New', Courier, monospace);
/* font-family: var(--json-tree-font-family, 'Courier New', Courier, monospace); */
font-family: var(--json-tree-font-family, monospace);
}
ul :global(li) {
line-height: var(--li-line-height);