diff options
| author | silverwind <me@silverwind.io> | 2024-03-16 18:03:56 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-16 17:03:56 +0000 |
| commit | 43aa914b1750add631698a7fd57d76f743b0489b (patch) | |
| tree | 239caeabb4e86de2a7a0dc15a64f49e0860264ad | |
| parent | ffeaf2d0bd6c99c486aa7869779bb9ceb0aedad6 (diff) | |
| download | gitea-43aa914b1750add631698a7fd57d76f743b0489b.tar.gz gitea-43aa914b1750add631698a7fd57d76f743b0489b.zip | |
fix double border and border-radius on empty action steps (#29845)
Before, double border-bottom and incorrect border-radius:
<img width="914" alt="Screenshot 2024-03-16 at 14 46 31"
src="https://github.com/go-gitea/gitea/assets/115237/6ea63c42-754c-420c-a0f5-c889a8507d9f">
After, both fixed:
<img width="917" alt="Screenshot 2024-03-16 at 14 45 59"
src="https://github.com/go-gitea/gitea/assets/115237/9d3f2dba-6b22-441d-8e99-5809d5f1f1c0">
| -rw-r--r-- | web_src/js/components/RepoActionView.vue | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue index 484a3677c5..c1e2c2b2d5 100644 --- a/web_src/js/components/RepoActionView.vue +++ b/web_src/js/components/RepoActionView.vue @@ -457,7 +457,7 @@ export function initRepositoryActionView() { </div> </div> </div> - <div class="job-step-container" ref="steps"> + <div class="job-step-container" ref="steps" v-if="currentJob.steps.length"> <div class="job-step-section" v-for="(jobStep, i) in currentJob.steps" :key="i"> <div class="job-step-summary" @click.stop="toggleStepLogs(i)" :class="currentJobStepsStates[i].expanded ? 'selected' : ''"> <!-- If the job is done and the job step log is loaded for the first time, show the loading icon @@ -686,11 +686,15 @@ export function initRepositoryActionView() { background-color: var(--color-console-bg); position: sticky; top: 0; - border-radius: var(--border-radius) var(--border-radius) 0 0; + border-radius: var(--border-radius); height: 60px; z-index: 1; } +.job-info-header:has(+ .job-step-container) { + border-radius: var(--border-radius) var(--border-radius) 0 0; +} + .job-info-header .job-info-header-title { color: var(--color-console-fg); font-size: 16px; |