Make pull request and issue history more compact (#34588) (#34594)

Backport #34588 by @silverwind

Before, waste of space in multiple places:

<img width="962" alt="Screenshot 2025-06-02 at 23 11 08"
src="https://github.com/user-attachments/assets/ecddf247-d690-434c-a865-9d5e6c690b7d"
/>

After, reduced spacing around history entries and inside commits list,
also fixed unequal horizontal spacing inside commit badge.

<img width="946" alt="Screenshot 2025-06-02 at 23 10 45"
src="https://github.com/user-attachments/assets/fe92f8e6-28af-4647-ac3a-1aced23d3b27"
/>

Also, here's a rendering of issue history events, it's more compact now
at 8px padding:

<img width="565" alt="image"
src="https://github.com/user-attachments/assets/cdbf7c0a-a9a2-4942-85fc-c388abb36e15"
/>

Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
Giteabot 2025-06-04 08:04:07 +08:00 committed by GitHub
parent c5da032193
commit bacc69db83
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -523,7 +523,7 @@ td .commit-summary {
.repository.view.issue .comment-list .timeline-item,
.repository.view.issue .comment-list .timeline-item-group {
padding: 16px 0;
padding: 8px 0;
}
.repository.view.issue .comment-list .timeline-item-group .timeline-item {
@ -577,6 +577,11 @@ td .commit-summary {
justify-content: center;
}
.repository.view.issue .comment-list .timeline-item.commits-list .badge {
margin-right: 0;
height: 28px;
}
.repository.view.issue .comment-list .timeline-item .badge .svg {
width: 22px;
height: 22px;
@ -601,10 +606,6 @@ td .commit-summary {
padding-top: 0;
}
.repository.view.issue .comment-list .timeline-item.commits-list .ui.avatar {
margin-right: 0.25em;
}
.repository.view.issue .comment-list .timeline-item.event > .commit-status-link {
float: right;
margin-right: 8px;