forked from coracle/flotilla
Fix overflow in notes/messages
This commit is contained in:
@@ -96,7 +96,7 @@
|
|||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<div
|
<div
|
||||||
class="overflow-hidden text-ellipsis"
|
class="overflow-hidden text-ellipsis break-words"
|
||||||
style={expandBlock ? "mask-image: linear-gradient(0deg, transparent 0px, black 100px)" : ""}>
|
style={expandBlock ? "mask-image: linear-gradient(0deg, transparent 0px, black 100px)" : ""}>
|
||||||
{#each shortContent as parsed, i}
|
{#each shortContent as parsed, i}
|
||||||
{#if isNewline(parsed)}
|
{#if isNewline(parsed)}
|
||||||
|
|||||||
@@ -14,12 +14,12 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#if url.match(/\.(jpe?g|png|gif|webp)$/)}
|
{#if url.match(/\.(jpe?g|png|gif|webp)$/)}
|
||||||
<Button class="link-content" on:click={expand}>
|
<Button class="link-content whitespace-nowrap" on:click={expand}>
|
||||||
<Icon icon="link-round" size={3} class="inline-block" />
|
<Icon icon="link-round" size={3} class="inline-block" />
|
||||||
{displayUrl(url)}
|
{displayUrl(url)}
|
||||||
</Button>
|
</Button>
|
||||||
{:else}
|
{:else}
|
||||||
<Link external href={url} class="link-content">
|
<Link external href={url} class="link-content whitespace-nowrap">
|
||||||
<Icon icon="link-round" size={3} class="inline-block" />
|
<Icon icon="link-round" size={3} class="inline-block" />
|
||||||
{displayUrl(url)}
|
{displayUrl(url)}
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
Reference in New Issue
Block a user