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:
parent
3aa6f17e1e
commit
82e83d3076
|
@ -637,6 +637,8 @@ export function initRepositoryActionView() {
|
|||
flex-direction: column;
|
||||
border: 1px solid var(--color-console-border);
|
||||
border-radius: var(--border-radius);
|
||||
background: var(--color-console-bg);
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
/* begin fomantic button overrides */
|
||||
|
@ -696,10 +698,8 @@ export function initRepositoryActionView() {
|
|||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 12px;
|
||||
background-color: var(--color-console-bg);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
border-radius: var(--border-radius);
|
||||
height: 60px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
@ -720,7 +720,6 @@ export function initRepositoryActionView() {
|
|||
}
|
||||
|
||||
.job-step-container {
|
||||
background-color: var(--color-console-bg);
|
||||
max-height: 100%;
|
||||
border-radius: 0 0 var(--border-radius) var(--border-radius);
|
||||
border-top: 1px solid var(--color-console-border);
|
||||
|
|
Loading…
Reference in New Issue