diff options
| -rw-r--r-- | src/lib/Announcement.svelte | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/src/lib/Announcement.svelte b/src/lib/Announcement.svelte index 13e5622a..3b239a7c 100644 --- a/src/lib/Announcement.svelte +++ b/src/lib/Announcement.svelte @@ -14,11 +14,29 @@ const dismiss = () => { if (announcement) announcementHash.set(hash(announcement)); }; + + const maxWidth = (input: string, max = 100) => { + let output = ''; + let line = ''; + + for (const word of input.split(' ')) { + if (line.length + word.length > max) { + output += line + '\n'; + line = ''; + } + + line += word + ' '; + } + + return output + line; + }; </script> {#if announcement && $announcementHash !== hash(announcement) && $announcementHash !== 0} <Popup fullscreen onLeave={dismiss}> - {announcement} + {#each maxWidth(announcement).split('\n') as line} + {line}<br /> + {/each} <p /> |