github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #19208 from overleaf/dp-sidebar-long-tags

Browse source 
Fix word wrapping on tag names in project view

GitOrigin-RevId: f29a5d576b716b38756d569a6e95165f4f0c4f85
This commit is contained in:
David 2024-07-02 13:10:42 +01:00 committed by Copybot
parent 007cc42477
commit 15cdec642d
3 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -114,8 +114,10 @@ export default function TagsList() {
onClick={() => selectTag(UNCATEGORIZED_KEY)}
bsStyle={null}
>
<span className="name">{t('uncategorized')}</span>
<span className="subdued"> ({untaggedProjectsCount})</span>
<span className="name">
{t('uncategorized')}{' '}
<span className="subdued">({untaggedProjectsCount})</span>
</span>
</Button>
</li>
)}

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

@ -315,6 +315,7 @@
position: relative;
padding: @folders-tag-padding;
display: @folders-tag-display;
align-items: center;
word-wrap: anywhere;
span.name {

2
services/web/frontend/stylesheets/variables/all.less
View file

@ -879,7 +879,7 @@
@folders-tag-padding: @folders-menu-item-v-padding 30px
@folders-menu-item-v-padding @folders-menu-item-h-padding;
@folders-tag-line-height: 1.4;
@folders-tag-display: block;
@folders-tag-display: flex;
@folders-tag-menu-color: #fff;
@folders-tag-hover: @sidebar-hover-bg;
@folders-tag-border-color: @folders-tag-menu-color;