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

Actions list enhancements (#25601)

Browse source 
Various small enhancements to the actions list. Before and after:

<img width="1264" alt="Screenshot 2023-06-30 at 00 11 40"
src="bb4162ee-cdcf-4a73-b05e-f9521562edbb">
<img width="1264" alt="Screenshot 2023-06-30 at 00 09 51"
src="52a70ea9-4bb3-406e-904b-0fdaafde9582">

---------

Co-authored-by: Giteabot <teabot@gitea.io>
This commit is contained in:
silverwind 2023-07-04 11:59:47 +02:00 • committed by GitHub
parent 9958642502
commit 0006169f38
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 50 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

1
web_src/css/base.css
View file

@ -1633,6 +1633,7 @@ i.icon.centerlock {
.ui.label {
padding: 0.3em 0.5em;
transition: none;
}
.ui.label,

23
web_src/css/shared/issuelist.css
View file

@ -17,15 +17,24 @@
}
.issue.list > .item .issue-item-main {
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
}
.issue.list > .item .action-item-main {
width: 80%;
.issue.list > .item .action-item-center {
display: flex;
align-items: center;
padding-left: 4px;
padding-right: 12px;
}
.issue.list > .item .issue-item-right {
width: 15%;
.issue.list > .item .action-item-right {
flex: 0 0 15%;
display: flex;
flex-direction: column;
gap: 3px;
color: var(--color-text-light);
}
.issue.list > .item .issue-item-top-row {
@ -52,6 +61,10 @@
.issue.list > .item .issue-item-bottom-row {
font-size: 13px;
display: flex;
align-items: center;
flex-wrap: wrap;
margin: .125rem 0;
}
.issue.list > .item .title {

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

@ -20,12 +20,12 @@
</div>
<div class="action-commit-summary">
{{ run.commit.localeCommit }}
<a :href="run.commit.link">{{ run.commit.shortSHA }}</a>
<a class="muted" :href="run.commit.link">{{ run.commit.shortSHA }}</a>
{{ run.commit.localePushedBy }}
<a class="muted" :href="run.commit.pusher.link">{{ run.commit.pusher.displayName }}</a>
<span class="ui label" v-if="run.commit.shortSHA">
<a :href="run.commit.branch.link">{{ run.commit.branch.name }}</a>
</span>
{{ run.commit.localePushedBy }}
<a :href="run.commit.pusher.link">{{ run.commit.pusher.displayName }}</a>
</div>
</div>
<div class="action-view-body">
@ -507,7 +507,6 @@ export function initRepositoryActionView() {
.action-view-header {
margin-top: 8px;
margin-bottom: 4px;
}
.action-info-summary {
@ -522,14 +521,14 @@ export function initRepositoryActionView() {
.action-info-summary-title-text {
font-size: 20px;
margin: 0 0 0 5px;
margin: 0 0 0 8px;
flex: 1;
}
.action-commit-summary {
display: flex;
gap: 5px;
margin: 5px 0 0 25px;
margin: 0 0 0 28px;
}
.action-view-left, .action-view-right {