From 121f7424dc8c3d9c497a685c3448137793d9f1b5 Mon Sep 17 00:00:00 2001
From: shpuld <shp@cock.li>
Date: Sat, 14 Apr 2018 07:44:59 +0300
Subject: [PATCH] Fix overflowing long maes in statuses and repeats.

---
 src/components/status/status.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 483abb3ec9..6f7670526d 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -201,8 +201,11 @@
       font-weight: lighter;
     }
     h4 {
+      white-space: nowrap;
       font-size: 14px;
       margin-right: 0.25em;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
     .name-and-links {
       padding: 0;
@@ -210,11 +213,18 @@
       display: flex;
       flex-wrap: wrap;
     }
-    .links a {
+    .links {
       padding-top: 1px;
       font-size: 12px;
       color: $fallback--link;
       color: var(--link, $fallback--link);
+      max-width: 100%;
+      a {
+        max-width: 100%;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+      }
     }
     .replies {
       line-height: 16px;
@@ -307,6 +317,12 @@
     .media-body {
       font-size: 1em;
       line-height: 22px;
+      a {
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     }
   }
 }