From 076d661027b299c66f42d784589f1ce4dcf575a5 Mon Sep 17 00:00:00 2001
From: Nulo <git@nulo.in>
Date: Tue, 18 Apr 2023 19:19:24 -0300
Subject: [PATCH] poder scrollear links

---
 src/editor/menubar/Linking.svelte | 34 ++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 14 deletions(-)

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