Bugfix: Long links in notifications are cut off (#9144)

owncloud · Jun 2, 2023 · 6ac3c7c · 6ac3c7c
1 parent eb90aca
commit 6ac3c7c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/changelog/unreleased/bugfix-notifications-link-overflow b/changelog/unreleased/bugfix-notifications-link-overflow
@@ -0,0 +1,6 @@
+Bugfix: Notifications link overflow
+
+We've fixed a bug that caused long links in notifications to overflow.
+
+https://github.com/owncloud/web/pull/9144
+https://github.com/owncloud/web/issues/9053
diff --git a/packages/web-runtime/src/components/Topbar/Notifications.vue b/packages/web-runtime/src/components/Topbar/Notifications.vue
@@ -354,5 +354,11 @@ export default {
       margin-right: var(--oc-space-small);
     }
   }
+  &-link {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: 300px;
+  }
 }
 </style>