Refactor pull request view (5) (#37517)

Clean up templates, remove various CSS patches.

By the way, fix incorrect NewRequest URLs in tests.
This commit is contained in:
wxiaoguang
2026-05-04 02:53:24 +08:00
committed by GitHub
parent c4c50bee7f
commit f26f71f1b2
23 changed files with 144 additions and 167 deletions

View File

@@ -596,8 +596,10 @@ td .commit-summary {
}
}
.repository.view.issue .comment-list .comment .merge-section {
background-color: var(--color-box-body);
.repository.view.issue .comment-list .comment .merge-section .item + ul.item {
border-top: 0;
padding: 0 1em 0 52px;
margin-top: -0.5em;
}
.repository.view.issue .comment-list .comment .merge-section .item-section {
@@ -605,15 +607,9 @@ td .commit-summary {
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0;
gap: 0.5em;
}
.repository.view.issue .comment-list .comment .merge-section .divider {
margin-left: -1rem;
width: calc(100% + 2rem);
}
.merge-section-info code {
border: 1px solid var(--color-light-border);
border-radius: var(--border-radius);
@@ -1937,42 +1933,11 @@ tbody.commit-list {
.commit-status-item {
height: 40px;
padding: 0 10px;
display: flex;
gap: 8px;
gap: var(--gap-block);
align-items: center;
}
.commit-status-item + .commit-status-item {
border-top: 1px solid var(--color-secondary);
}
.commit-status-item .commit-status {
flex-shrink: 0;
}
.commit-status-item .status-context {
color: var(--color-text);
flex: 1;
}
.commit-status-item .status-details {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
@media (max-width: 767.98px) {
.commit-status-item .status-details {
flex-direction: column;
align-items: flex-end;
justify-content: center;
}
}
.commit-status-item .status-details > span {
padding-right: 0.5em; /* To match the alignment with the "required" label */
justify-content: space-between;
flex-wrap: wrap;
}
.username-display {

View File

@@ -10,10 +10,12 @@
}
/* items have dividers between them, the dividers align with items (use parent padding) */
.flex-divided-list {
list-style: none;
.flex-divided-list,
.flex-divided-list > .item.flex-divided-list {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
}
.flex-divided-list > .item {
@@ -99,22 +101,21 @@
}
/* special rules to make the list work with existing UI elements */
.container-segmented > .flex-divided-list > .item {
.container-divided > .flex-divided-list > .item {
padding-left: 1em;
padding-right: 1em;
}
.ui.segment.fitted > .flex-divided-list > .item {
padding: 1em;
.container-divided > .flex-divided-list > .item.flex-divided-list {
padding: 0;
}
.container-padded > .flex-divided-list > .item:first-child,
.ui.segment:not(.fitted) > .flex-divided-list > .item:first-child {
.ui.segment:not(.container-divided) > .flex-divided-list > .item:first-child {
padding-top: 0;
}
.container-padded > .flex-divided-list > .item:last-child,
.ui.segment:not(.fitted) > .flex-divided-list > .item:last-child {
.ui.segment:not(.container-divided) > .flex-divided-list > .item:last-child {
padding-bottom: 0;
}