Fix review excerpt (#18502)

Currently the "File Changed" tab of a PR is somehow broken. This is also true for the current release 1.16.0.

When you are on the "File Changed" tab, and want to look at code excerpt before or after the code changes, the layout breaks. You can test this on try.gitea.io here: https://try.gitea.io/testnotexisting/magic_enum/pulls/2/files

The problem occurs for the unified view and for the split view.

Kind of the same problem was there for commenting a line of code, this was fixed in #18321 and #18403.

For consistency, I changed the solution of #18321, I removed the ``colspan`` and instead added a ``<td>``. The goal was to have code similarly with the split view.

Also the separator line in the split view was in the wrong column, this was fixed too.* more consistent unified review comment

Fix #18516

Co-authored-by: Andrew Thornton <art27@cantab.net>
This commit is contained in:
confusedsushi 2022-02-01 20:08:33 +01:00 committed by GitHub
parent 99e1e30b0b
commit f6f4e1ddb9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 14 deletions

View file

@ -505,7 +505,9 @@ export function initRepoPullRequestReview() {
<td class="lines-type-marker"></td>
<td class="add-comment-right"></td>
` : `
<td colspan="3" class="lines-num"></td>
<td class="lines-num"></td>
<td class="lines-num"></td>
<td class="lines-escape"></td>
<td class="add-comment-left add-comment-right" colspan="2"></td>
`}
</tr>`);

View file

@ -3186,7 +3186,7 @@ td.blob-excerpt {
background: var(--color-diff-inactive);
}
.code-diff-split tbody tr td:nth-child(4) {
.code-diff-split tbody tr td:nth-child(5) {
border-left: 1px solid var(--color-secondary);
}