Fix line number widths (#31341) (#31343)

Backport #31341 by silverwind

Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
Giteabot 2024-06-13 08:13:35 +08:00 committed by GitHub
parent 568ff1015b
commit 95dfd945bc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 8 deletions

View File

@ -1005,6 +1005,13 @@ overflow-menu .ui.label {
padding: 0 8px; padding: 0 8px;
text-align: right !important; text-align: right !important;
color: var(--color-text-light-2); color: var(--color-text-light-2);
width: 1%; /* this apparently needs to be a percentage so that code column stretches in diffs */
min-width: 72px;
white-space: nowrap;
}
.code-diff .lines-num {
min-width: 50px;
} }
.lines-num span.bottom-line::after { .lines-num span.bottom-line::after {
@ -1024,6 +1031,7 @@ overflow-menu .ui.label {
.lines-type-marker { .lines-type-marker {
vertical-align: top; vertical-align: top;
white-space: nowrap;
} }
.lines-num, .lines-num,
@ -1056,6 +1064,7 @@ overflow-menu .ui.label {
.lines-escape { .lines-escape {
width: 0; width: 0;
white-space: nowrap;
} }
.lines-code { .lines-code {

View File

@ -1555,8 +1555,6 @@ td .commit-summary {
.repository .diff-file-box .file-body.file-code .lines-num { .repository .diff-file-box .file-body.file-code .lines-num {
text-align: right; text-align: right;
width: 1%;
min-width: 50px;
} }
.repository .diff-file-box .file-body.file-code .lines-num span.fold { .repository .diff-file-box .file-body.file-code .lines-num span.fold {
@ -1582,12 +1580,6 @@ td .commit-summary {
table-layout: fixed; table-layout: fixed;
} }
.repository .diff-file-box .code-diff tbody tr td.lines-num,
.repository .diff-file-box .code-diff tbody tr td.lines-escape,
.repository .diff-file-box .code-diff tbody tr td.lines-type-marker {
white-space: nowrap;
}
.repository .diff-file-box .code-diff tbody tr td.center { .repository .diff-file-box .code-diff tbody tr td.center {
text-align: center; text-align: center;
} }