Nulo/schreiben
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity

poder scrollear links

Browse source
This commit is contained in:
Cat /dev/Nulo 2023-04-18 19:19:24 -03:00
parent a45d1a00eb
commit 076d661027
1 changed files with 20 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/editor/menubar/Linking.svelte
View file

@ -74,19 +74,21 @@
</script> </script>
<div class="linking"> <div class="linking">
{#each links as link} <div class="links">
<a {#each links as link}
href={"href" in link ? link.href : link.id} <a
target={link.type === "external" ? "_blank" : null} href={"href" in link ? link.href : link.id}
> target={link.type === "external" ? "_blank" : null}
{#if link.type === "internal"} >
<InternalLinkIcon style={svgStyle} /> {#if link.type === "internal"}
{:else} <InternalLinkIcon style={svgStyle} />
<LinkIcon style={svgStyle} /> {:else}
{/if} <LinkIcon style={svgStyle} />
{link.content} {/if}
</a> {link.content}
{/each} </a>
{/each}
</div>
</div> </div>
<style> <style>
@ -94,7 +96,11 @@
max-width: 1280px; max-width: 1280px;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
overflow-x: auto;
}
.links {
display: flex; display: flex;
min-width: min-content;
} }
a { a {
@ -108,7 +114,7 @@
line-height: 1; line-height: 1;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
max-width: 40vw; max-width: 45vw;
white-space: nowrap; white-space: nowrap;
} }
</style> </style>