Browse Source

feat: simplify thread hiding UI

remove text which overflowed onto the bottom line of logn content
master
DanConwayDev 2 years ago
parent
commit
f02d76f20c
No known key found for this signature in database
GPG Key ID: 68E15486D73F75E1
  1. 9
      src/lib/components/events/ThreadWrapper.svelte

9
src/lib/components/events/ThreadWrapper.svelte

@ -12,21 +12,18 @@ @@ -12,21 +12,18 @@
<div class="border-l border-blue-500 pl-1">
{#if num_replies > 0}
{#if show_replies}
<div class="opacity-20 hover:opacity-70" class:relative={show_replies}>
<div class="opacity-60 hover:opacity-90" class:relative={show_replies}>
<button
on:click={() => {
toggle_replies()
}}
class=" right-0 -mt-8 p-1"
class="-ml-1 -mt-8"
class:absolute={show_replies}
>
<span class="inline text-xs"
>{show_replies ? 'hide' : 'show'} {num_replies} replies</span
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16"
class="inline h-7 w-7 flex-none fill-base-content pt-1"
class="h-7 w-7 flex-none fill-blue-500 pt-1"
>
{#each show_replies ? icons_misc.chevron_up : icons_misc.chevron_down as p}
<path d={p} />

Loading…
Cancel
Save