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

Fix scrolling in Table - Row view

Browse Source 
Use absolute positioning pattern for proper scrolling behavior
when many columns are displayed.
This commit is contained in:
David Pivoňka
2025-12-08 15:23:59 +01:00
parent 38c25cae74
commit 142ebe3d27
1 changed files with 25 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/web/src/celldata/TableCellView.svelte
View File

@@ -196,6 +196,7 @@
</script> </script>
<div class="outer"> <div class="outer">
<div class="content">
{#if rowData} {#if rowData}
<div class="search-wrapper" on:keydown={handleSearchKeyDown}> <div class="search-wrapper" on:keydown={handleSearchKeyDown}>
<SearchBoxWrapper noMargin> <SearchBoxWrapper noMargin>
@@ -258,18 +259,28 @@
{/each} {/each}
{/if} {/if}
</div> </div>
</div>
</div> </div>
<style> <style>
.outer { .outer {
flex: 1; flex: 1;
position: relative; position: relative;
}
.content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.search-wrapper { .search-wrapper {
padding: 4px 4px 0 4px; padding: 4px 4px 0 4px;
flex-shrink: 0;
} }
.inner { .inner {