forked from
tangled.org/core
Monorepo for Tangled — https://tangled.org
appview/pages: move to pattern where icon is replaced with loader circle
this avoids changing the width of buttons when a request is inflight.
Signed-off-by: oppiliappan <me@oppi.li>
+11
-8
+3
-3
appview/pages/templates/fragments/starBtn.html
+3
-3
appview/pages/templates/fragments/starBtn.html
···
15
15
hx-disabled-elt="#starBtn"
16
16
>
17
17
{{ if .IsStarred }}
18
-
{{ i "star" "w-4 h-4 fill-current" }}
18
+
{{ i "star" "w-4 h-4 fill-current inline group-[.htmx-request]:hidden" }}
19
19
{{ else }}
20
-
{{ i "star" "w-4 h-4" }}
20
+
{{ i "star" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
21
21
{{ end }}
22
+
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
22
23
<span class="text-sm">
23
24
{{ .StarCount }}
24
25
</span>
25
-
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
26
26
</button>
27
27
{{ end }}
+2
-2
appview/pages/templates/repo/pulls/fragments/pullActions.html
+2
-2
appview/pages/templates/repo/pulls/fragments/pullActions.html
···
38
38
hx-vals='{"branch": "{{ .BranchDeleteStatus.Branch }}" }'
39
39
hx-swap="none"
40
40
class="btn-flat p-2 flex items-center gap-2 no-underline hover:no-underline group text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300">
41
-
{{ i "git-branch" "w-4 h-4" }}
42
-
<span>delete branch</span>
41
+
{{ i "git-branch" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
43
42
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
43
+
delete branch
44
44
</button>
45
45
{{ end }}
46
46
{{ if and $isPushAllowed $isOpen $isLastRound }}
+6
-3
appview/pages/templates/user/fragments/follow.html
+6
-3
appview/pages/templates/user/fragments/follow.html
···
13
13
hx-swap="outerHTML"
14
14
>
15
15
{{ if eq .FollowStatus.String "IsNotFollowing" }}
16
-
{{ i "user-round-plus" "w-4 h-4" }} follow
16
+
{{ i "user-round-plus" "size-4 inline group-[.htmx-request]:hidden" }}
17
+
{{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
18
+
follow
17
19
{{ else }}
18
-
{{ i "user-round-minus" "w-4 h-4" }} unfollow
20
+
{{ i "user-round-minus" "size-4 inline group-[.htmx-request]:hidden" }}
21
+
{{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
22
+
unfollow
19
23
{{ end }}
20
-
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
21
24
</button>
22
25
{{ end }}