Fix alignment in actions right view (#29979)

Fixes: https://github.com/go-gitea/gitea/issues/29974, Regression from
https://github.com/go-gitea/gitea/pull/29640.

Depending on the number of steps on the left side, the right side will
vertically expand. Collapse it with `align-self`.

<img width="1308" alt="image"
src="https://github.com/go-gitea/gitea/assets/115237/9bcede9c-d869-4f3f-8a10-026c74c03f71">

(cherry picked from commit a4455d313e2c129dc9734292035b89339577174d)
This commit is contained in:
silverwind 2024-03-26 08:56:44 +01:00 committed by Earl Warren
parent 3aa6f17e1e
commit 82e83d3076
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00

View file

@ -637,6 +637,8 @@ export function initRepositoryActionView() {
flex-direction: column; flex-direction: column;
border: 1px solid var(--color-console-border); border: 1px solid var(--color-console-border);
border-radius: var(--border-radius); border-radius: var(--border-radius);
background: var(--color-console-bg);
align-self: flex-start;
} }
/* begin fomantic button overrides */ /* begin fomantic button overrides */
@ -696,10 +698,8 @@ export function initRepositoryActionView() {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0 12px; padding: 0 12px;
background-color: var(--color-console-bg);
position: sticky; position: sticky;
top: 0; top: 0;
border-radius: var(--border-radius);
height: 60px; height: 60px;
z-index: 1; z-index: 1;
} }
@ -720,7 +720,6 @@ export function initRepositoryActionView() {
} }
.job-step-container { .job-step-container {
background-color: var(--color-console-bg);
max-height: 100%; max-height: 100%;
border-radius: 0 0 var(--border-radius) var(--border-radius); border-radius: 0 0 var(--border-radius) var(--border-radius);
border-top: 1px solid var(--color-console-border); border-top: 1px solid var(--color-console-border);