50070550a8
Followup https://github.com/go-gitea/gitea/pull/26820 ## Archived labels UI for issue filter and issue filter actions for issues/pull request pages. Changed: * Enhanced the Issue filter and Issue filter actions UI page to seamlessly incorporate a list of archived labels. * Pagination functionality is same as before. If archived label checkbox is checked then we are adding a query string`archived=true` in the url to save the state of page. * Issue filter actions menu is separated into different template. * Adding the archived flag in issue url labels. * Pull Request page is also work the same. Outsourced: * Defer the implementation of specialized handling for archived labels to upcoming pull requests. This step will be undertaken subsequent to the successful merge of this pull request. Screenshots ### Issue page <img width="1360" alt="image" src="https://github.com/go-gitea/gitea/assets/80308335/d7efb2ef-5b2b-449d-83f0-d430a32ec432"> ### Issue page with label filter on archived label checkbox when not checked --> No archived label is there in list <img width="1249" alt="image" src="https://github.com/go-gitea/gitea/assets/80308335/ceea68ef-91f2-4693-910f-2e25e236bfc9"> ### Issue page with label filter on archived label checkbox when checked --> Show archived label in the list. <img width="710" alt="image" src="https://github.com/go-gitea/gitea/assets/80308335/2414d26b-2079-4c3c-bd9e-f2f5411bcabf"> ### Issue page with label filter on issue action menu on archived label checkbox when checked --> Show archived label in the list. <img width="409" alt="image" src="https://github.com/go-gitea/gitea/assets/80308335/259cac87-3e21-4778-99a2-a6a0b8c81178"> ### Applied the archived=true in Issue labels when archived checkbox is checked. <img width="984" alt="image" src="https://github.com/go-gitea/gitea/assets/80308335/657ce3db-c0ae-402e-b12d-3b580d3c2ed0"> --- Part of https://github.com/go-gitea/gitea/issues/25237 --------- Signed-off-by: puni9869 <punitinani1@hotmail.com> Co-authored-by: delvh <dev.lh@web.de> Co-authored-by: Giteabot <teabot@gitea.io>
91 lines
1.7 KiB
CSS
91 lines
1.7 KiB
CSS
.issue-list-toolbar {
|
|
display: flex;
|
|
flex-wrap: wrap-reverse;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
gap: 1rem;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.issue-list-toolbar-left {
|
|
display: flex;
|
|
}
|
|
|
|
.issue-list-toolbar-right .filter.menu {
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.issue-list-toolbar-right .dropdown .menu {
|
|
left: auto !important;
|
|
right: auto !important;
|
|
}
|
|
.issue-list-navbar {
|
|
order: 0;
|
|
}
|
|
.issue-list-new {
|
|
order: 1;
|
|
margin-left: auto !important;
|
|
}
|
|
.issue-list-search {
|
|
order: 2 !important;
|
|
}
|
|
}
|
|
|
|
#issue-list .flex-item-title .labels-list {
|
|
display: flex;
|
|
gap: 0.25em;
|
|
}
|
|
|
|
#issue-list .flex-item-title .labels-list a {
|
|
display: flex;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#issue-list .flex-item-title .labels-list .label {
|
|
padding: 0 6px;
|
|
margin: 0;
|
|
min-height: 20px;
|
|
}
|
|
|
|
#issue-list .flex-item-body .branches {
|
|
display: inline-flex;
|
|
}
|
|
|
|
#issue-list .flex-item-body .branches .branch {
|
|
background-color: var(--color-secondary-alpha-40);
|
|
border-radius: var(--border-radius);
|
|
padding: 0 4px;
|
|
}
|
|
|
|
#issue-list .flex-item-body .branches .truncated-name {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 10em;
|
|
}
|
|
|
|
#issue-list .flex-item-body .checklist progress {
|
|
margin-left: 2px;
|
|
width: 80px;
|
|
height: 6px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#issue-list .flex-item-body .checklist progress::-webkit-progress-value {
|
|
background-color: var(--color-secondary-dark-4);
|
|
}
|
|
|
|
#issue-list .flex-item-body .checklist progress::-moz-progress-bar {
|
|
background-color: var(--color-secondary-dark-4);
|
|
}
|
|
|
|
.archived-label-filter {
|
|
margin-left: 10px;
|
|
font-size: 12px;
|
|
display: flex !important;
|
|
margin-bottom: 8px;
|
|
min-width: fit-content;
|
|
}
|