ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2026-03-01 12:44:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

shorten long group names

Browse Source
This commit is contained in:
Ulf Gebhardt 2026-02-21 06:42:05 +01:00
parent 9548ad6e31
commit f62629e92e
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
2 changed files with 24 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
webapp/components/UserTeaser/UserTeaser.vue
View File

@ -127,5 +127,25 @@ export default {
display: inline;
}
}
.group-info {
display: flex;
align-items: baseline;
gap: 4px;
min-width: 0;
overflow: hidden;
> .text {
flex-shrink: 0;
}
}
.group-link {
color: $color-primary;
font-size: $font-size-base;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
</style>

13
webapp/components/UserTeaser/UserTeaserNonAnonymous.vue
View File

@ -27,15 +27,10 @@
<span class="name">{{ userName }}</span>
</user-teaser-helper>
<span v-if="wide">&nbsp;</span>
<span v-if="group">
<span class="text">
{{ $t('group.in') }}
</span>
<nuxt-link :to="groupLink">
<span class="text">
<span class="slug">{{ groupSlug }}</span>
<span v-if="!userOnly" class="name">{{ groupName }}</span>
</span>
<span v-if="group" class="group-info">
<span class="text">{{ $t('group.in') }}</span>
<nuxt-link :to="groupLink" class="group-link" :title="groupSlug">
{{ groupName }}
</nuxt-link>
</span>
<!-- eslint-disable-next-line prettier/prettier -->