mirror of
https://github.com/go-gitea/gitea.git
synced 2026-07-11 11:50:46 +00:00
f803f8e269
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>
97 lines
2.1 KiB
CSS
97 lines
2.1 KiB
CSS
.runner-container {
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.runner-container .ui.table.segment {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.runner-container .task-status-success {
|
|
background-color: var(--color-green);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.runner-container .task-status-failure {
|
|
background-color: var(--color-red-light);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.runner-container .task-status-running {
|
|
background-color: var(--color-blue);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.runner-container .task-status-cancelled,
|
|
.runner-container .task-status-blocked {
|
|
background-color: var(--color-yellow);
|
|
color: var(--color-white);
|
|
}
|
|
|
|
.run-list-item-right {
|
|
width: 130px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
gap: 3px;
|
|
color: var(--color-text-light);
|
|
}
|
|
|
|
.run-list-item-right .run-list-meta {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
gap: .25rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.ui.label.run-list-ref {
|
|
display: inline-block;
|
|
max-width: 110px;
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.run-list-item-trailing {
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
max-width: 30%;
|
|
flex: 0 0 30%;
|
|
}
|
|
.run-list-item-right {
|
|
max-width: 110px;
|
|
}
|
|
}
|
|
|
|
.repository.actions .ui.vertical.menu details.scoped-workflow-group > .item {
|
|
display: flex;
|
|
padding-left: 2.5em;
|
|
}
|
|
.repository.actions .ui.vertical.menu details.scoped-workflow-group > .item > .gt-ellipsis {
|
|
font-size: 0.85714286em;
|
|
}
|
|
.repository.actions .ui.vertical.menu details.scoped-workflow-group > .item > .label {
|
|
margin-left: auto;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.repository.actions .ui.vertical.menu details.scoped-workflow-group > summary {
|
|
justify-content: flex-start;
|
|
gap: var(--gap-block);
|
|
padding: 0.92857143em 1.14285714em;
|
|
}
|
|
.repository.actions .ui.vertical.menu details.scoped-workflow-group > summary::after {
|
|
order: 1;
|
|
}
|
|
.repository.actions .ui.vertical.menu details.scoped-workflow-group > summary > .label {
|
|
order: 2;
|
|
margin-left: auto;
|
|
}
|