1
1
mirror of https://github.com/go-gitea/gitea synced 2025-07-25 03:38:36 +00:00

Improve labels-list rendering (#34846)

Make labels list use consistent gap

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
silverwind
2025-06-27 17:12:25 +02:00
committed by GitHub
parent aa9d86745a
commit 1e50cec0b3
19 changed files with 185 additions and 115 deletions

View File

@@ -29,13 +29,16 @@
display: flex;
width: 100%;
justify-content: space-between;
gap: 0.25em;
gap: 1em;
}
.issue-card-assignees {
.issue-card-bottom-part {
display: flex;
flex: 1;
align-items: center;
gap: 0.25em;
justify-content: end;
flex-wrap: wrap;
overflow: hidden;
max-width: fit-content;
max-height: fit-content;
}

View File

@@ -4,41 +4,46 @@
margin: 0;
}
.issue-label-list .item {
.issue-label-list > .item {
border-bottom: 1px solid var(--color-secondary);
display: flex;
padding: 1em 0;
margin: 0;
}
.issue-label-list .item:first-child {
.issue-label-list > .item:first-child {
padding-top: 0;
}
.issue-label-list .item:last-child {
.issue-label-list > .item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.issue-label-list .item .label-title {
.issue-label-list > .item .label-title {
width: 33%;
padding-right: 1em;
}
.issue-label-list .item .label-issues {
.issue-label-list > .item .label-issues {
width: 33%;
padding-right: 1em;
}
.issue-label-list .item .label-operation {
.issue-label-list > .item .label-operation {
width: 33%;
display: flex;
flex-wrap: wrap;
gap: 0.5em;
justify-content: end;
align-items: center;
}
.issue-label-list .item a {
.issue-label-list > .item .label-operation a {
font-size: 12px;
padding-right: 10px;
color: var(--color-text-light);
}
.issue-label-list .item.org-label {
.issue-label-list > .item.org-label {
opacity: 0.7;
}