Monorepo for Tangled
appview/pages: switch drop-shadow to shadow in few places
drop-shadow seems to create a new stacking context and that messes with
z-index
Signed-off-by: oppiliappan <me@oppi.li>
authored by
oppiliappan
and committed by
Tangled
(May 3, 2026, 8:31 PM +0300)
38311291
99dc760b
+10
-10
+1
-1
appview/pages/templates/repo/issues/fragments/issueListing.html
+1
-1
appview/pages/templates/repo/issues/fragments/issueListing.html
···
1
1
{{ define "repo/issues/fragments/issueListing" }}
2
2
<div class="flex flex-col gap-2">
3
3
{{ range .Issues }}
4
-
<div class="rounded drop-shadow-sm bg-white px-6 py-4 dark:bg-gray-800 dark:border-gray-700">
4
+
<div class="rounded shadow-sm bg-white px-6 py-4 dark:bg-gray-800 dark:border-gray-700">
5
5
<div class="pb-2">
6
6
<a
7
7
href="/{{ $.RepoPrefix }}/issues/{{ .IssueId }}"
+1
-1
appview/pages/templates/repo/pulls/patch.html
+1
-1
appview/pages/templates/repo/pulls/patch.html
···
14
14
{{ define "content" }}
15
15
<section>
16
16
<section
17
-
class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white"
17
+
class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto shadow-sm dark:text-white"
18
18
>
19
19
<div class="flex gap-3 items-center mb-3">
20
20
<a href="/{{ .RepoInfo.FullName }}/pulls/{{ .Pull.PullId }}/" class="flex items-center gap-2 font-medium">
+8
-8
appview/pages/templates/repo/pulls/pull.html
+8
-8
appview/pages/templates/repo/pulls/pull.html
···
136
136
<div class="flex col-span-full">
137
137
<!-- left panel -->
138
138
<div id="files" class="w-0 hidden md:block overflow-hidden sticky top-12 max-h-screen overflow-y-auto pb-12">
139
-
<section class="overflow-x-auto text-sm px-6 py-2 border-b border-x border-gray-200 dark:border-gray-700 w-full mx-auto min-h-full rounded-b rounded-t-none bg-white dark:bg-gray-800 drop-shadow-sm">
139
+
<section class="overflow-x-auto text-sm px-6 py-2 border-b border-x border-gray-200 dark:border-gray-700 w-full mx-auto min-h-full rounded-b rounded-t-none bg-white dark:bg-gray-800 shadow-sm">
140
140
{{ template "repo/fragments/fileTree" $diff.FileTree }}
141
141
</section>
142
142
</div>
···
172
172
<div id="bottomSheetBackdrop" class="fixed inset-0 bg-black/50 md:hidden opacity-0 pointer-events-none transition-opacity duration-300 z-40"></div>
173
173
<!-- right panel - bottom sheet on mobile, side panel on desktop -->
174
174
<div id="subs" class="fixed bottom-0 left-0 right-0 z-50 w-full md:static md:z-auto md:max-h-screen md:sticky md:top-12 overflow-hidden">
175
-
<details open id="bottomSheet" class="rounded-t-2xl md:rounded-t drop-shadow-lg md:drop-shadow-none group/panel">
175
+
<details open id="bottomSheet" class="rounded-t-2xl md:rounded-t shadow-lg md:shadow-none group/panel">
176
176
<summary class="
177
177
flex gap-4 items-center justify-between
178
178
rounded-t-2xl md:rounded-t cursor-pointer list-none p-4 md:h-12
179
179
text-white md:text-black md:dark:text-white
180
180
{{ $bgColor }}
181
181
md:bg-white md:dark:bg-gray-800
182
-
drop-shadow-sm border-t md:border-x border-gray-200 dark:border-gray-700
182
+
shadow-sm border-t md:border-x border-gray-200 dark:border-gray-700
183
183
md:pointer-events-none
184
184
">
185
185
<h2 class="">History</h2>
···
488
488
489
489
{{ define "mergeStatus" }}
490
490
{{ if .Pull.State.IsClosed }}
491
-
<div class="bg-gray-50 dark:bg-gray-700 border border-black dark:border-gray-500 rounded drop-shadow-sm px-6 py-2 relative">
491
+
<div class="bg-gray-50 dark:bg-gray-700 border border-black dark:border-gray-500 rounded shadow-sm px-6 py-2 relative">
492
492
<div class="flex items-center gap-2 text-black dark:text-white">
493
493
{{ i "ban" "w-4 h-4" }}
494
494
<span class="font-medium">closed without merging</span
···
496
496
</div>
497
497
</div>
498
498
{{ else if .Pull.State.IsMerged }}
499
-
<div class="bg-purple-50 dark:bg-purple-900 border border-purple-500 rounded drop-shadow-sm px-6 py-2 relative">
499
+
<div class="bg-purple-50 dark:bg-purple-900 border border-purple-500 rounded shadow-sm px-6 py-2 relative">
500
500
<div class="flex items-center gap-2 text-purple-500 dark:text-purple-300">
501
501
{{ i "git-merge" "w-4 h-4" }}
502
502
<span class="font-medium">pull request successfully merged</span
···
504
504
</div>
505
505
</div>
506
506
{{ else if .Pull.State.IsAbandoned }}
507
-
<div class="bg-red-50 dark:bg-red-900 border border-red-500 rounded drop-shadow-sm px-6 py-2 relative">
507
+
<div class="bg-red-50 dark:bg-red-900 border border-red-500 rounded shadow-sm px-6 py-2 relative">
508
508
<div class="flex items-center gap-2 text-red-500 dark:text-red-300">
509
509
{{ i "git-pull-request-closed" "w-4 h-4" }}
510
510
<span class="font-medium">This pull has been deleted (possibly by jj abandon or jj squash)</span>
···
515
515
516
516
{{ define "resubmitStatus" }}
517
517
{{ if .ResubmitCheck.Yes }}
518
-
<div class="bg-amber-50 dark:bg-amber-900 border border-amber-500 rounded drop-shadow-sm px-6 py-2 relative">
518
+
<div class="bg-amber-50 dark:bg-amber-900 border border-amber-500 rounded shadow-sm px-6 py-2 relative">
519
519
<div class="flex items-center gap-2 text-amber-500 dark:text-amber-300">
520
520
{{ i "triangle-alert" "w-4 h-4" }}
521
521
<span class="font-medium">this branch has been updated, consider resubmitting</span>
···
652
652
{{ end }}
653
653
654
654
{{ define "loginPrompt" }}
655
-
<div class="bg-amber-50 dark:bg-amber-900 border border-amber-500 rounded drop-shadow-sm p-2 relative flex gap-2 items-center">
655
+
<div class="bg-amber-50 dark:bg-amber-900 border border-amber-500 rounded shadow-sm p-2 relative flex gap-2 items-center">
656
656
<a href="/signup" class="btn-create py-0 hover:no-underline hover:text-white flex items-center gap-2">
657
657
sign up
658
658
</a>