Skip to content

fix(ui): prevent tag overlap in artifact list (#23110) #23148

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ipsitapp8 wants to merge 8 commits into
base: main
Choose a base branch
from
Open

fix(ui): prevent tag overlap in artifact list (#23110) #23148

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
2b55484
fix: add nil guard in auditext manager Create function
ipsitapp8 Apr 14, 2026
29f43a8
fix(ui): prevent tag overlap in artifact list (#23110)
ipsitapp8 Apr 21, 2026
137dd67
Merge branch 'main' into fix/tag-overlap-23110
ipsitapp8 Apr 21, 2026
8f45184
Merge branch 'main' into fix/tag-overlap-23110
ipsitapp8 Apr 21, 2026
e084f4c
Merge branch 'main' into fix/tag-overlap-23110
ipsitapp8 Apr 22, 2026
9384401
Merge branch 'main' into fix/tag-overlap-23110
ipsitapp8 Apr 26, 2026
9f9282b
Merge branch 'main' into fix/tag-overlap-23110
ipsitapp8 Jul 21, 2026
ce43d26
Potential fix for pull request finding
ipsitapp8 Jul 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions ...ifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-list-tab.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -323,6 +323,21 @@
</clr-dg-cell>
}
<clr-dg-cell class="center">
fix/tag-overlap-23110
<div class="tags-wrapper" *ngIf="artifact.tags">
<clr-tooltip class="width-p-100">
<div clrTooltipTrigger class="center">
<div class="center width-p-100">
<div class="tags-wrapper" #tagsSpan>
Comment on lines +327 to +331
<span *ngFor="let tag of artifact.tags" class="tag-item">{{ tag.name }}</span>
</div>
<span
*ngIf="
artifact?.tagNumber > artifact?.tags?.length || (artifact?.tags?.length > 1 && isEllipsisActive(tagsSpan))
"
>({{ artifact?.tagNumber }} )</span
>

@if (artifact.tags) {
<div class="truncated width-p-100">
<clr-tooltip class="width-p-100">
Expand All @@ -337,6 +352,7 @@
isEllipsisActive(tagsSpan) ) {
<span>({{ artifact?.tagNumber }} )</span>
}
main
</div>
</div>
<clr-tooltip-content
Expand Down
16 changes: 16 additions & 0 deletions ...ifact/artifact-list-page/artifact-list/artifact-list-tab/artifact-list-tab.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,22 @@
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex-shrink: 1;
}

.tags-wrapper {
display: flex;
flex-wrap: wrap;
gap: 4px;
width: 100%;
}

.tag-item {
min-width: 0;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.right-pos {
Expand Down
Loading