alice.pds.demo.boltless.dev
This repository has no description
1{{ define "repo/fragments/reactionsPopup" }}
2 {{ $id := printf "%s-%s" (string .CommentRkey) .Scope }}
3 <button
4 type="button"
5 popovertarget="reactions-popover-{{ $id }}"
6 style="anchor-name: --reactions-anchor-{{ $id }}"
7 class="
8 flex justify-center items-center rounded
9 text-gray-400 dark:text-gray-400
10 hover:text-gray-500 dark:hover:text-gray-300
11 cursor-pointer"
12 >
13 {{ i "smile-plus" "size-4" }}
14 </button>
15 <div
16 id="reactions-popover-{{ $id }}"
17 popover
18 style="position-anchor: --reactions-anchor-{{ $id }};"
19 class="[position-area:bottom_center] justify-self-center w-max h-fit inset-auto mt-1 rounded bg-white dark:bg-gray-800 dark:text-white border border-gray-200 dark:border-gray-700 shadow-lg"
20 >
21 <div class="grid grid-cols-4">
22 {{ range $kind := const.OrderedReactionKinds }}
23 <button
24 type="button"
25 popovertarget="reactions-popover-{{ $id }}"
26 popovertargetaction="hide"
27 class="reactBtn-{{ $.CommentRkey }}-{{ $kind }} btn-flat px-3 text-base hover:bg-gray-100 dark:hover:bg-gray-700"
28 >
29 {{ $kind }}
30 </button>
31 {{ end }}
32 </div>
33 </div>
34{{ end }}