Monorepo for Tangled
tangled.org
appview/pages: use positioned popover for clone dropdown
author
oppiliappan
date
(Jun 25, 2026, 8:48 AM +0530)
commit
4ab39aa3
4ab39aa3ef9a5c06048a401aedbeca827ec62823
parent
47a0e6cf
47a0e6cf0fb27cad466b55f8fe46198e747373d9
change-id
kzvkymvu
kzvkymvunpruslzsrorrouxnnrkktnnn
+12
-2
+12
-2
appview/pages/templates/repo/fragments/cloneDropdown.html
+12
-2
appview/pages/templates/repo/fragments/cloneDropdown.html
···
4
4
{{ $knot = "tangled.org" }}
5
5
{{ end }}
6
6
7
+
<style>
8
+
#clone-dropdown-btn {
9
+
anchor-name: --clone-dropdown-btn;
10
+
}
11
+
#clone-dropdown {
12
+
position-anchor: --clone-dropdown-btn;
13
+
position-area: bottom span-left;
14
+
}
15
+
</style>
16
+
7
17
<button
18
+
id="clone-dropdown-btn"
8
19
popovertarget="clone-dropdown"
9
20
popovertargetaction="toggle"
10
21
class="btn-create cursor-pointer list-none flex items-center gap-2 px-4">
···
16
27
id="clone-dropdown"
17
28
class="
18
29
bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700
19
-
dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50
30
+
dark:text-white shadow-lg
20
31
w-96 md:w-[440px] p-4 rounded drop-shadow overflow-visible">
21
32
22
33
<input
···
54
65
</p>
55
66
56
67
<br/>
57
-
<hr/>
58
68
59
69
<div class="flex gap-2 mt-4">
60
70
<a