diff options
author | Giteabot <teabot@gitea.io> | 2023-06-27 12:28:14 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-06-27 12:28:14 -0400 |
commit | 345a25d016c3ed839b90de92f2b5dbc49643bb28 (patch) | |
tree | e1fb26a61f92d1edcad65d8ca8934fed37d8cc0e | |
parent | e8a7cd4a1d2ee2695ebf6566ada377040681cc5d (diff) | |
download | gitea-345a25d016c3ed839b90de92f2b5dbc49643bb28.tar.gz gitea-345a25d016c3ed839b90de92f2b5dbc49643bb28.zip |
Fix rerun icon on action view component (#25531) (#25536)
Backport #25531 by @HesterG
Right now rerun icon on action view component will not be seen when
duration text length is long, because the wrapper `job-brief-info` has a
fixed width, and the svg is squeezed. The way to fix this in this PR is
to change width to `fit-content` and exchange position of duration text
and rerun svg.
Before (rerun svg not shown on hover):
<img width="1401" alt="Screen Shot 2023-06-27 at 12 53 41"
src="https://github.com/go-gitea/gitea/assets/17645053/bb3f62ec-8c56-4dbc-96f1-718b50426d91">
After:
<img width="1409" alt="Screen Shot 2023-06-27 at 12 50 59"
src="https://github.com/go-gitea/gitea/assets/17645053/620aa02c-2326-408d-a763-453f48f42c40">
Co-authored-by: HesterG <hestergong@gmail.com>
-rw-r--r-- | web_src/js/components/RepoActionView.vue | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue index ebc78b049b..75be2c9678 100644 --- a/web_src/js/components/RepoActionView.vue +++ b/web_src/js/components/RepoActionView.vue @@ -38,8 +38,8 @@ <span class="job-brief-name gt-mx-3 gt-ellipsis">{{ job.name }}</span> </a> <span class="job-brief-info"> - <span class="step-summary-duration">{{ job.duration }}</span> <SvgIcon name="octicon-sync" role="button" :data-tooltip-content="locale.rerun" class="job-brief-rerun gt-mx-3" @click="rerunJob(index)" v-if="job.canRerun && onHoverRerunIndex === job.id"/> + <span class="step-summary-duration">{{ job.duration }}</span> </span> </div> </div> @@ -634,6 +634,7 @@ export function ansiLogToHTML(line) { .job-brief-item .job-brief-link { display: flex; width: 100%; + min-width: 0; } .job-brief-item .job-brief-link span { @@ -654,7 +655,6 @@ export function ansiLogToHTML(line) { .job-brief-item .job-brief-info { display: flex; align-items: center; - width: 55px; } /* ================ */ |