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

Fix attachment renderer not working due to tooltips

This commit is contained in:
Andrew Kingston 2022-07-27 10:47:24 +01:00
parent e4b8933067
commit a6dbd4d807
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/bbui/src/Table/AttachmentRenderer.svelte
View File

@ -1,5 +1,5 @@
<script> <script>
import Tooltip from "../Tooltip/Tooltip.svelte" import TooltipWrapper from "../Tooltip/TooltipWrapper.svelte"
import Link from "../Link/Link.svelte" import Link from "../Link/Link.svelte"
export let value export let value
@ -17,18 +17,16 @@
{#each attachments as attachment} {#each attachments as attachment}
{#if isImage(attachment.extension)} {#if isImage(attachment.extension)}
<Link quiet target="_blank" href={attachment.url}> <Link quiet target="_blank" href={attachment.url}>
<div class="center"> <div class="center" title={attachment.name}>
<img src={attachment.url} alt={attachment.extension} /> <img src={attachment.url} alt={attachment.extension} />
</div> </div>
</Link> </Link>
{:else} {:else}
<Tooltip text={attachment.name} direction="right"> <div class="file" title={attachment.name}>
<div class="file"> <Link quiet target="_blank" href={attachment.url}>
<Link quiet target="_blank" href={attachment.url}> {attachment.extension}
{attachment.extension} </Link>
</Link> </div>
</div>
</Tooltip>
{/if} {/if}
{/each} {/each}
{#if leftover} {#if leftover}
@ -52,7 +50,7 @@
padding: 0 8px; padding: 0 8px;
color: var(--spectrum-global-color-gray-800); color: var(--spectrum-global-color-gray-800);
border: 1px solid var(--spectrum-global-color-gray-300); border: 1px solid var(--spectrum-global-color-gray-300);
border-radius: 2px; border-radius: 4px;
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
font-size: 11px; font-size: 11px;