MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix resize overlays

This commit is contained in:
Andrew Kingston 2023-04-11 12:19:54 +01:00
parent fe70793e75
commit ab70dfbcf0
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/frontend-core/src/components/sheet/overlays/ResizeOverlay.svelte
View File

@ -14,7 +14,7 @@
$: cutoff = scrollLeft + gutterWidth + ($columns[0]?.width || 0) $: cutoff = scrollLeft + gutterWidth + ($columns[0]?.width || 0)
$: offset = gutterWidth + ($stickyColumn?.width || 0) $: offset = gutterWidth + ($stickyColumn?.width || 0)
$: column = $resize.column $: activeColumn = $resize.column
const getStyle = (column, offset, scrollLeft) => { const getStyle = (column, offset, scrollLeft) => {
const left = offset + column.left + column.width - scrollLeft const left = offset + column.left + column.width - scrollLeft
@ -26,7 +26,7 @@
{#if $stickyColumn} {#if $stickyColumn}
<div <div
class="resize-slider" class="resize-slider"
class:visible={column === $stickyColumn.name} class:visible={activeColumn === $stickyColumn.name}
on:mousedown={e => resize.actions.startResizing($stickyColumn, e)} on:mousedown={e => resize.actions.startResizing($stickyColumn, e)}
on:dblclick={() => resize.actions.resetSize($stickyColumn)} on:dblclick={() => resize.actions.resetSize($stickyColumn)}
style="left:{gutterWidth + $stickyColumn.width}px;" style="left:{gutterWidth + $stickyColumn.width}px;"
@ -37,10 +37,10 @@
{#each $renderedColumns as column} {#each $renderedColumns as column}
<div <div
class="resize-slider" class="resize-slider"
class:visible={column === column.name} class:visible={activeColumn === column.name}
on:mousedown={e => resize.actions.startResizing(column, e)} on:mousedown={e => resize.actions.startResizing(column, e)}
on:dblclick={() => resize.actions.resetSize(column)} on:dblclick={() => resize.actions.resetSize(column)}
style={getStyle(column, offset, scrollLeft)} style={getStyle(column, offset, $scrollLeft)}
> >
<div class="resize-indicator" /> <div class="resize-indicator" />
</div> </div>