Nulo/forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix double border and border-radius on empty action steps (#29845)

Browse source 
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">

(cherry picked from commit 43aa914b1750add631698a7fd57d76f743b0489b)
This commit is contained in:
silverwind 2024-03-16 18:03:56 +01:00 committed by Earl Warren
parent b9ef8b7839
commit 547a619744
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
web_src/js/components/RepoActionView.vue
View file

@ -466,7 +466,7 @@ export function initRepositoryActionView() {
</div> </div>
</div> </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-section" v-for="(jobStep, i) in currentJob.steps" :key="i">
<div class="job-step-summary" @click.stop="toggleStepLogs(i)" :class="currentJobStepsStates[i].expanded ? 'selected' : ''"> <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 <!-- If the job is done and the job step log is loaded for the first time, show the loading icon
@ -695,11 +695,15 @@ export function initRepositoryActionView() {
background-color: var(--color-console-bg); background-color: var(--color-console-bg);
position: sticky; position: sticky;
top: 0; top: 0;
border-radius: var(--border-radius) var(--border-radius) 0 0; border-radius: var(--border-radius);
height: 60px; height: 60px;
z-index: 1; 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 { .job-info-header .job-info-header-title {
color: var(--color-console-fg); color: var(--color-console-fg);
font-size: 16px; font-size: 16px;