From 2d53c9a239a5f885faaed1d2503d9a617b985d9b Mon Sep 17 00:00:00 2001
From: video-prize-ranch <cb.8a3w5@simplelogin.co>
Date: Tue, 18 Jan 2022 18:21:25 -0500
Subject: [PATCH] Add elipsis for long usernames

---
 static/css/comments.css    | 6 ++++++
 views/partials/comment.hbs | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/static/css/comments.css b/static/css/comments.css
index e228867..91b16db 100644
--- a/static/css/comments.css
+++ b/static/css/comments.css
@@ -59,4 +59,10 @@
   display: flex;
   gap: 6px;
   align-items: center;
+}
+
+.comment__user__username {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
\ No newline at end of file
diff --git a/views/partials/comment.hbs b/views/partials/comment.hbs
index a7ed654..78118c9 100644
--- a/views/partials/comment.hbs
+++ b/views/partials/comment.hbs
@@ -2,7 +2,7 @@
   <div class="comment__user">
     <img src="{{this.User.Avatar}}" class="pfp" width="24" height="24" loading="lazy">
     <!--<a href="/user/{{this.User.Username}}">-->
-      <p><b>{{this.User.Username}}</b></p>
+      <p class="comment__user__username"><b>{{this.User.Username}}</b></p>
     <!--</a>-->
   </div>
   <div>