From f62629e92eb1367c2c1d3f03e8ff69dc8a76fbfd Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Sat, 21 Feb 2026 06:42:05 +0100
Subject: [PATCH] shorten long group names

---
 webapp/components/UserTeaser/UserTeaser.vue   | 20 +++++++++++++++++++
 .../UserTeaser/UserTeaserNonAnonymous.vue     | 13 ++++--------
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/webapp/components/UserTeaser/UserTeaser.vue b/webapp/components/UserTeaser/UserTeaser.vue
index 766805ede..47eb89101 100644
--- a/webapp/components/UserTeaser/UserTeaser.vue
+++ b/webapp/components/UserTeaser/UserTeaser.vue
@@ -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>
diff --git a/webapp/components/UserTeaser/UserTeaserNonAnonymous.vue b/webapp/components/UserTeaser/UserTeaserNonAnonymous.vue
index 51f421fbb..4face8d66 100644
--- a/webapp/components/UserTeaser/UserTeaserNonAnonymous.vue
+++ b/webapp/components/UserTeaser/UserTeaserNonAnonymous.vue
@@ -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 -->