Fix review bar misalignment (#26711)

This commit is contained in:
wxiaoguang 2023-08-24 23:46:30 +08:00 committed by GitHub
parent 8ac83043f5
commit 390ec619f3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 11 deletions

View File

@ -20,7 +20,7 @@
</div> </div>
{{end}} {{end}}
</div> </div>
<div class="diff-detail-actions gt-df gt-ac gt-gap-2 gt-fw"> <div class="diff-detail-actions">
{{if and .PageIsPullFiles $.SignedUserID (not .IsArchived) (not .DiffNotAvailable)}} {{if and .PageIsPullFiles $.SignedUserID (not .IsArchived) (not .DiffNotAvailable)}}
<div class="gt-df gt-ac gt-fc gt-whitespace-nowrap gt-mr-2"> <div class="gt-df gt-ac gt-fc gt-whitespace-nowrap gt-mr-2">
<label for="viewed-files-summary" id="viewed-files-summary-label" data-text-changed-template="{{.locale.Tr "repo.pulls.viewed_files_label"}}"> <label for="viewed-files-summary" id="viewed-files-summary-label" data-text-changed-template="{{.locale.Tr "repo.pulls.viewed_files_label"}}">

View File

@ -1625,10 +1625,11 @@
} }
.diff-detail-actions { .diff-detail-actions {
/* prevent font-size from increasing element height so that .diff-detail-box comes display: flex;
out with height of 47px (one line) and 77px (two lines), which is important for align-items: center;
position: sticky */ gap: 0.25em;
height: 33px; flex-wrap: wrap;
justify-content: end;
} }
.diff-detail-actions > *, .diff-detail-actions > *,
@ -1642,12 +1643,7 @@
padding-top: 0.25rem; padding-top: 0.25rem;
} }
.repository .diff-detail-box .diff-detail-actions .ui.button:not(.btn-submit) { .repository .diff-detail-box .diff-detail-actions .ui.button:not(.btn-submit) {
padding-left: 0.5rem; padding: 0 0.5rem;
padding-right: 0.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
} }
} }