Mirrors
/
gitea
mirror of https://github.com/go-gitea/gitea.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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">
This commit is contained in:
silverwind 2024-03-26 08:56:44 +01:00 committed by GitHub
parent ecbc9cee2b
commit a4455d313e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web_src/js/components/RepoActionView.vue
View File

@ -628,6 +628,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 */
@ -687,10 +689,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;
} }
@ -711,7 +711,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);