github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-10-17 21:05:04 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fix tag name overflow in projects list (#20120)

Browse source 
GitOrigin-RevId: 9fc317dbebd8115ab8af97f4753350f5ee79c1cd
This commit is contained in:
Alf Eaton 2024-09-03 11:24:29 +01:00 committed by Copybot
parent abfa29e629
commit 284a8256d4
2 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
services/web/frontend/js/features/project-list/components/tags-list.tsx
View file

@ -78,12 +78,9 @@ function TagsList({ onTagClick, onEditClick }: TagsListProps) {
style={{ verticalAlign: 'sub' }}
/>
</span>
<span>
{tag.name}{' '}
<span className="subdued">
{' '}
({tag.project_ids?.length})
</span>
<span className="tag-name-and-size">
<span className="tag-name">{tag.name}</span>
<span className="subdued">({tag.project_ids?.length})</span>
</span>
</span>
</MenuItemButton>

14
services/web/frontend/stylesheets/app/project-list-react.less
View file

@ -714,6 +714,7 @@
& + .projects-dropdown-menu {
min-width: 226px;
max-width: 92vw;
}
}
@ -814,6 +815,7 @@
.menu-item-button {
position: relative;
width: 100%;
overflow: hidden;
border: none;
box-shadow: none;
background: inherit;
@ -822,6 +824,18 @@
.menu-item-button-text {
padding-left: 14px;
overflow: hidden;
.tag-name-and-size {
overflow: hidden;
display: flex;
gap: 1ex;
}
.tag-name {
overflow: hidden;
text-overflow: ellipsis;
}
}
.menu-item-button-icon {