CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-11 23:16:00 +12:00
Code Issues Projects Releases Wiki Activity

Properly handle text overflow in plugins table

Browse source
This commit is contained in:
Andrew Kingston 2023-01-09 11:26:01 +00:00
parent 6b39256184
commit ee6abf9200
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/builder/src/pages/builder/portal/plugins/_components/PluginNameRenderer.svelte
View file

@ -8,19 +8,29 @@
$: friendlyName = row?.schema?.schema?.friendlyName
</script>
<div title={value}>
<div class="container" title={value}>
{#if icon}
<Icon name={icon} />
{/if}
{friendlyName || value}
<div class="name">
{friendlyName || value}
</div>
</div>
<style>
div {
.container {
flex: 1 1 auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: var(--spacing-m);
}
.name {
flex: 1 1 auto;
width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>