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

Improve table column width handling when custom widths are applied

This commit is contained in:
Andrew Kingston 2022-02-21 14:47:01 +00:00
parent 42845d2881
commit c701151bae
3 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/bbui/src/Table/BoldRenderer.svelte
View File

@ -10,6 +10,6 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
max-width: 200px; max-width: var(--max-cell-width);
} }
</style> </style>

26
packages/bbui/src/Table/CellRenderer.svelte
View File

@ -41,13 +41,21 @@
</script> </script>
{#if renderer && (customRenderer || (cellValue != null && cellValue !== ""))} {#if renderer && (customRenderer || (cellValue != null && cellValue !== ""))}
<svelte:component <div style="--max-cell-width: {schema.width ? 'none' : '200px'};">
this={renderer} <svelte:component
{row} this={renderer}
{schema} {row}
value={cellValue} {schema}
on:clickrelationship value={cellValue}
> on:clickrelationship
<slot /> >
</svelte:component> <slot />
</svelte:component>
</div>
{/if} {/if}
<style>
div {
display: contents;
}
</style>

2
packages/bbui/src/Table/StringRenderer.svelte
View File

@ -9,6 +9,6 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
max-width: 200px; max-width: var(--max-cell-width);
} }
</style> </style>