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

Merge pull request #6915 from Budibase/fix/attachment-renderer 

Fix attachment renderer
This commit is contained in:
Martin McKeaveney 2022-07-28 16:12:20 +01:00 committed by GitHub
parent 8048c1fe93 74615054dc
commit a7fd04d9b6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,4 @@
<script> <script>
import Tooltip from "../Tooltip/Tooltip.svelte"
import Link from "../Link/Link.svelte" import Link from "../Link/Link.svelte"
export let value export let value
@ -17,18 +16,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 +49,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;