kalugin66/windmill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): Fix select width in app table to avoid content jump (#1850)

Browse Source 
* fix(frontend): Fix select width in app table to avoid content jump

* fix(frontend): Increase width
This commit is contained in:
Faton Ramadani
2023-07-11 14:20:20 +02:00
committed by GitHub
parent c38332addc
commit 6c4e2ca032
1 changed files with 35 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
frontend/src/lib/components/apps/components/display/table/AppTable.svelte
View File

@@ -351,11 +351,13 @@
$hoverStore = undefined
}
}}
class={($selectedComponent?.includes(actionButton.id) ||
$hoverStore === actionButton.id) &&
$mode !== 'preview'
? 'outline outline-indigo-500 outline-1 outline-offset-1 relative '
: ''}
class={classNames(
($selectedComponent?.includes(actionButton.id) ||
$hoverStore === actionButton.id) &&
$mode !== 'preview'
? 'outline outline-indigo-500 outline-1 outline-offset-1 relative'
: ''
)}
>
{#if $mode !== 'preview'}
<!-- svelte-ignore a11y-click-events-have-key-events -->
@@ -428,18 +430,20 @@
{controls}
/>
{:else if actionButton.type == 'selectcomponent'}
<AppSelect
extraKey={'idx' + rowIndex}
{render}
id={actionButton.id}
customCss={actionButton.customCss}
configuration={actionButton.configuration}
recomputeIds={actionButton.recomputeIds}
preclickAction={async () => {
toggleRow(row, rowIndex)
}}
{controls}
/>
<div class="w-40">
<AppSelect
extraKey={'idx' + rowIndex}
{render}
id={actionButton.id}
customCss={actionButton.customCss}
configuration={actionButton.configuration}
recomputeIds={actionButton.recomputeIds}
preclickAction={async () => {
toggleRow(row, rowIndex)
}}
{controls}
/>
</div>
{/if}
{:else if actionButton.type == 'buttoncomponent'}
<AppButton
@@ -469,17 +473,20 @@
}}
/>
{:else if actionButton.type == 'selectcomponent'}
<AppSelect
extraKey={'idx' + rowIndex}
{render}
id={actionButton.id}
customCss={actionButton.customCss}
configuration={actionButton.configuration}
recomputeIds={actionButton.recomputeIds}
preclickAction={async () => {
toggleRow(row, rowIndex)
}}
/>
<div class="w-40">
<AppSelect
--font-size="10px"
extraKey={'idx' + rowIndex}
{render}
id={actionButton.id}
customCss={actionButton.customCss}
configuration={actionButton.configuration}
recomputeIds={actionButton.recomputeIds}
preclickAction={async () => {
toggleRow(row, rowIndex)
}}
/>
</div>
{/if}
</div>
{/each}