fix(actions): keep workflow run trailing on one row with long branch names (#38382)

The flex-list refactor (#37505) raised the shared `.item-trailing`
selector's specificity, so its `flex-wrap: wrap` started overriding the
run list's intended `flex-wrap: nowrap` — a long branch name pushed the
trailing content past its fixed 280px width and wrapped the kebab menu
onto its own line.

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
bircni
2026-07-10 23:43:32 +02:00
committed by GitHub
parent 8401fe7c54
commit f803f8e269
3 changed files with 14 additions and 11 deletions

View File

@@ -43,26 +43,29 @@
align-items: center;
}
.run-list .item-trailing {
.run-list-item-trailing {
display: flex;
gap: var(--gap-block);
align-items: center;
justify-content: end;
flex-wrap: nowrap;
width: 280px;
flex: 0 0 280px;
}
.run-list-ref {
display: inline-block !important;
max-width: 105px;
.ui.label.run-list-ref {
display: inline-block;
max-width: 110px;
}
@media (max-width: 767.98px) {
.run-list .item-trailing {
.run-list-item-trailing {
flex-direction: column;
align-items: flex-end;
width: auto;
flex-basis: auto;
max-width: 30%;
flex: 0 0 30%;
}
.run-list-item-right,
.run-list-ref {
.run-list-item-right {
max-width: 110px;
}
}