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

use resize observer

Browse Source
This commit is contained in:
Jan Prochazka
2021-04-01 15:59:15 +02:00
parent fca6b87cb9
commit e748591c10
3 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/commands/stdCommands.ts
View File

@@ -255,7 +255,7 @@ export function registerFileCommands({
name: 'Kill', name: 'Kill',
icon: 'icon close', icon: 'icon close',
toolbar: true, toolbar: true,
testEnabled: () => getCurrentEditor() != null && getCurrentEditor()?.canKill(), testEnabled: () => getCurrentEditor()?.canKill && getCurrentEditor().canKill(),
onClick: () => getCurrentEditor().kill(), onClick: () => getCurrentEditor().kill(),
}); });
} }

4
packages/web/src/datagrid/DataGridCore.svelte
View File

@@ -1069,7 +1069,9 @@
data-col="header" data-col="header"
bind:clientHeight={rowHeight} bind:clientHeight={rowHeight}
style={`width:${headerColWidth}px; min-width:${headerColWidth}px; max-width:${headerColWidth}px`} style={`width:${headerColWidth}px; min-width:${headerColWidth}px; max-width:${headerColWidth}px`}
/> >
 
</td>
{#each visibleRealColumns as col (col.uniqueName)} {#each visibleRealColumns as col (col.uniqueName)}
<td <td
class="header-cell" class="header-cell"

12
packages/web/src/query/AceEditor.svelte
View File

@@ -18,6 +18,7 @@
import { currentDropDownMenu, currentThemeDefinition } from '../stores'; import { currentDropDownMenu, currentThemeDefinition } from '../stores';
import _ from 'lodash'; import _ from 'lodash';
import { handleCommandKeyDown } from '../commands/CommandListener.svelte'; import { handleCommandKeyDown } from '../commands/CommandListener.svelte';
import resizeObserver from '../utility/resizeObserver';
const EDITOR_ID = `svelte-ace-editor-div:${Math.floor(Math.random() * 10000000000)}`; const EDITOR_ID = `svelte-ace-editor-div:${Math.floor(Math.random() * 10000000000)}`;
const dispatch = createEventDispatcher<{ const dispatch = createEventDispatcher<{
@@ -177,7 +178,16 @@
} }
</script> </script>
<div bind:clientWidth bind:clientHeight class="ace-container"> <div
use:resizeObserver={true}
on:resize={e => {
// @ts-ignore
clientWidth = e.detail.width;
// @ts-ignore
clientHeight = e.detail.height;
}}
class="ace-container"
>
<div id={EDITOR_ID} style="width:{clientWidth}px;height:{clientHeight}px" /> <div id={EDITOR_ID} style="width:{clientWidth}px;height:{clientHeight}px" />
</div> </div>