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 @@
<div class="border-l border-blue-500 pl-1"> <div class="border-l border-blue-500 pl-1">
{#if num_replies > 0} {#if num_replies > 0}
{#if show_replies} {#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 <button
on:click={() => { on:click={() => {
toggle_replies() toggle_replies()
}} }}
class=" right-0 -mt-8 p-1" class="-ml-1 -mt-8"
class:absolute={show_replies} class:absolute={show_replies}
> >
<span class="inline text-xs"
>{show_replies ? 'hide' : 'show'} {num_replies} replies</span
>
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16" 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} {#each show_replies ? icons_misc.chevron_up : icons_misc.chevron_down as p}
<path d={p} /> <path d={p} />

Loading…
Cancel
Save