Monorepo for Tangled
appview/pages: unify button styles in PRs and issues
unifies button styles in putIssue, new comment, edit comment, reply
comment etc.
Signed-off-by: oppiliappan <me@oppi.li>
oppiliappan
(Jun 15, 2026, 10:03 AM +0100)
5aca1539
db75f608
+8
-9
+3
-3
appview/pages/templates/fragments/comment/edit.html
+3
-3
appview/pages/templates/fragments/comment/edit.html
···
19
19
{{ end }}
20
20
21
21
{{ define "editActions" }}
22
-
<div class="flex flex-wrap items-center justify-end gap-2 text-gray-500 dark:text-gray-400 text-sm pt-2">
22
+
<div class="flex flex-wrap items-stretch justify-end gap-2 text-gray-500 dark:text-gray-400 text-sm pt-2">
23
23
{{ template "cancel" . }}
24
24
{{ template "save" . }}
25
25
</div>
···
28
28
{{ define "save" }}
29
29
<button
30
30
type="submit"
31
-
class="btn-create py-0 flex gap-1 items-center group text-sm"
31
+
class="btn-create flex gap-1 items-center group text-sm"
32
32
>
33
33
{{ i "check" "size-4" }}
34
34
Save
···
38
38
39
39
{{ define "cancel" }}
40
40
<button
41
-
class="btn py-0 text-red-500 dark:text-red-400 flex gap-1 items-center group"
41
+
class="btn-flat text-red-500 dark:text-red-400 flex gap-1 items-center group"
42
42
hx-get="/comment?aturi={{ .Comment.AtUri }}"
43
43
hx-target="closest form"
44
44
hx-swap="outerHTML"
+3
-3
appview/pages/templates/fragments/comment/reply.html
+3
-3
appview/pages/templates/fragments/comment/reply.html
···
20
20
{{ end }}
21
21
22
22
{{ define "replyActions" }}
23
-
<div class="flex flex-wrap items-center justify-end gap-2 text-gray-500 dark:text-gray-400">
23
+
<div class="flex flex-wrap items-stretch justify-end gap-2 text-gray-500 dark:text-gray-400">
24
24
<div id="comment-error" class="error ml-auto"></div>
25
25
{{ template "cancel" . }}
26
26
{{ template "reply" . }}
···
29
29
30
30
{{ define "cancel" }}
31
31
<button
32
-
class="btn text-red-500 dark:text-red-400 flex gap-2 items-center group"
32
+
class="btn-flat text-red-500 dark:text-red-400 flex gap-2 items-center group"
33
33
hx-get="/comment/reply/placeholder"
34
34
hx-target="closest form"
35
35
hx-swap="outerHTML"
···
42
42
{{ define "reply" }}
43
43
<button
44
44
type="submit"
45
-
class="btn-create flex items-center gap-2 no-underline hover:no-underline"
45
+
class="btn-create-flat flex items-center gap-2 no-underline hover:no-underline"
46
46
>
47
47
{{ i "reply" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
48
48
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
+2
-2
appview/pages/templates/repo/issues/fragments/putIssue.html
+2
-2
appview/pages/templates/repo/issues/fragments/putIssue.html
···
28
28
<div id="issues" class="error"></div>
29
29
<div class="flex gap-2 items-stretch">
30
30
<a
31
-
class="btn flex items-center gap-2 no-underline hover:no-underline"
31
+
class="btn-flat flex items-center gap-2 no-underline hover:no-underline"
32
32
type="button"
33
33
{{ if .Issue }}
34
34
href="/{{ .RepoInfo.FullName }}/issues/{{ .Issue.IssueId }}"
···
39
39
{{ i "x" "w-4 h-4" }}
40
40
Cancel
41
41
</a>
42
-
<button type="submit" class="btn-create flex items-center gap-2">
42
+
<button type="submit" class="btn-create-flat flex items-center gap-2">
43
43
{{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
44
44
{{ if eq .Action "edit" }}
45
45
{{ i "pencil" "w-4 h-4 inline group-[.htmx-request]:hidden" }}
-1
appview/pages/templates/repo/pulls/fragments/pullNewComment.html
-1
appview/pages/templates/repo/pulls/fragments/pullNewComment.html
···
6
6
hx-post="/comment"
7
7
hx-trigger="submit, keydown[(ctrlKey || metaKey) && key=='Enter'] from:find textarea"
8
8
hx-swap="none"
9
-
hx-indicator="find button[type='submit']"
10
9
hx-disabled-elt="find button[type='submit']"
11
10
hx-on::after-request="if(event.detail.successful) this.reset()"
12
11
>