forked from
tangled.org/core
Monorepo for Tangled
appview/timeline: added "Read more" and "Read less" option to opened PR
+24
-7
+24
-7
appview/pages/templates/timeline/fragments/timeline.html
+24
-7
appview/pages/templates/timeline/fragments/timeline.html
···
132
132
133
133
<div class="pl-6 py-2 bg-white dark:bg-gray-800 text-gray-600 dark:text-gray-300 flex flex-wrap items-center gap-2 text-sm">
134
134
{{ template "user/fragments/picHandleLink" $pull.OwnerDid }}
135
-
opened a pull request
135
+
opened a pull request in
136
+
<a href="/{{ $repoPath }}" class="text-sm text-gray-600 dark:text-gray-300 no-underline hover:underline">
137
+
{{ $repoPath }}
138
+
</a>
136
139
<span class="text-gray-700 dark:text-gray-400 text-xs">{{ template "repo/fragments/time" $pull.Created }}</span>
137
140
</div>
138
141
139
142
<div class="bg-white dark:bg-gray-800 p-4">
140
143
<div class="flex flex-col gap-3">
141
-
<a href="/{{ $repoPath }}" class="text-sm text-gray-600 dark:text-gray-300 no-underline hover:underline">
142
-
{{ $repoPath }}
143
-
</a>
144
144
145
145
<div class="flex items-start justify-between gap-3">
146
146
<a href="{{ $pullPath }}" class="min-w-0 flex-1 font-medium text-gray-900 dark:text-white no-underline hover:underline">
···
153
153
</div>
154
154
155
155
{{ if $pull.Body }}
156
-
<p class="text-sm text-gray-600 dark:text-gray-300 line-clamp-3">
157
-
{{ $pull.Body | description }}
158
-
</p>
156
+
<details class="group">
157
+
<style>
158
+
details:not([open]) .pull-body-open { display: none; }
159
+
details[open] .pull-body-closed { display: none; }
160
+
</style>
161
+
<summary class="list-none cursor-pointer">
162
+
<div class="pull-body-closed text-sm text-gray-600 dark:text-gray-300 line-clamp-2">
163
+
{{ $pull.Body | description }}
164
+
</div>
165
+
<span class="pull-body-closed mt-1 inline-block text-sm text-blue-600 dark:text-blue-400">
166
+
Read more
167
+
</span>
168
+
<div class="pull-body-open text-sm text-gray-600 dark:text-gray-300">
169
+
{{ $pull.Body | description }}
170
+
</div>
171
+
<span class="pull-body-open mt-1 text-sm text-blue-600 dark:text-blue-400">
172
+
Read less
173
+
</span>
174
+
</summary>
175
+
</details>
159
176
{{ end }}
160
177
</div>
161
178
</div>