toby/svelte-sharg
Archived
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Make log messages wrap

Browse source
This commit is contained in:
Tobias Berger 2021-09-27 14:40:55 +02:00
parent 7e04b635cd
commit e35219c1cf
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Log.svelte
View file

@ -23,6 +23,16 @@
addMessage("message" + $messages.length); addMessage("message" + $messages.length);
}}>Add Message</button }}>Add Message</button
> >
<button
on:click={() => {
addMessage("message".repeat(100) + $messages.length);
}}>Add Long Message</button
>
<button
on:click={() => {
addMessage("message ".repeat(100) + $messages.length);
}}>Add Long Message (spaced)</button
>
<button <button
on:click={() => { on:click={() => {
addMessage("warn" + $messages.length, MessageType.warning); addMessage("warn" + $messages.length, MessageType.warning);
@ -65,6 +75,8 @@
> li { > li {
padding: 1em 0.4em; padding: 1em 0.4em;
overflow-wrap: break-word;
&.odd { &.odd {
background-color: var(--color-med); background-color: var(--color-med);
} }