Skip to content

Commit

Permalink
Make information in sortable columns sticky within their row
Browse files Browse the repository at this point in the history
Each row in the table can become quite tall when the list of
dependencies is expanded. This allows information in the sortable
columns to not scroll off the top of the view until the row itself is
leaving the view, so that the information is visible most of the time.
  • Loading branch information
danlivings-dxw committed Sep 23, 2024
1 parent 959ae51 commit 9fe9150
Showing 1 changed file with 56 additions and 8 deletions.
64 changes: 56 additions & 8 deletions index.njk
Original file line number Diff line number Diff line change
Expand Up @@ -148,14 +148,62 @@
</div>
</td>

<td class="py-2 pl-2 align-text-top">{{ repo.openIssues }}</td>
<td class="py-2 pl-2 align-text-top">{{ repo.openBotPrCount }}</td>
<td class="py-2 pl-2 align-text-top">{{ repo.openPrCount }}</td>
<td class="py-2 pl-2 align-text-top">{{ repo.updatedAt }}</td>
<td class="py-2 pl-2 last:pr-2">{{ repo.mostRecentPrOpenedAt }}</td>
<td class="py-2 pl-2 last:pr-2">{{ repo.oldestOpenPrOpenedAt }}</td>
<td class="py-2 pl-2 last:pr-2">{{ repo.mostRecentIssueOpenedAt }}</td>
<td class="py-2 pl-2 last:pr-2">{{ repo.oldestOpenIssueOpenedAt }}</td>
<td class="py-2 pl-2 align-text-top last:pr-2">
<span class="relative">
<span class="sticky top-28">
{{ repo.openIssues }}
</span>
</span>
</td>
<td class="py-2 pl-2 align-text-top last:pr-2">
<span class="relative">
<span class="sticky top-28">
{{ repo.openBotPrCount }}
</span>
</span>
</td>
<td class="py-2 pl-2 align-text-top last:pr-2">
<span class="relative">
<span class="sticky top-28">
{{ repo.openPrCount }}
</span>
</span>
</td>
<td class="py-2 pl-2 align-text-top last:pr-2">
<span class="relative">
<span class="sticky top-28">
{{ repo.updatedAt }}
</span>
</span>
</td>
<td class="py-2 pl-2 align-text-top last:pr-2">
<span class="relative">
<span class="sticky top-28">
{{ repo.mostRecentPrOpenedAt }}
</span>
</span>
</td>
<td class="py-2 pl-2 align-text-top last:pr-2">
<span class="relative">
<span class="sticky top-28">
{{ repo.oldestOpenPrOpenedAt }}
</span>
</span>
</td>
<td class="py-2 pl-2 align-text-top last:pr-2">
<span class="relative">
<span class="sticky top-28">
{{ repo.mostRecentIssueOpenedAt }}
</span>
</span>
</td>
<td class="py-2 pl-2 align-text-top last:pr-2">
<span class="relative">
<span class="sticky top-28">
{{ repo.oldestOpenIssueOpenedAt }}
</span>
</span>
</td>

</tr>
{% else %}
Expand Down

0 comments on commit 9fe9150

Please sign in to comment.