From 1b455d31920075000a28ee6940a84b55b436d640 Mon Sep 17 00:00:00 2001
From: Guilherme Gazzo <guilhermegazzo@gmail.com>
Date: Wed, 11 Apr 2018 16:50:16 -0300
Subject: [PATCH] fix text ellipsis on sidebar-item

---
 .../imports/components/sidebar/sidebar-item.css       | 11 ++++++++++-
 .../rocketchat-ui-sidenav/client/sidebarItem.html     | 10 ++++++----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
index 7c2f472926763..7615838968277 100644
--- a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
+++ b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
@@ -141,7 +141,7 @@
 
 	&__user-status {
 		flex: 0 0 auto;
-		
+
 		width: var(--sidebar-item-user-status-size);
 		height: var(--sidebar-item-user-status-size);
 
@@ -201,6 +201,15 @@
 		justify-content: space-between;
 	}
 
+	&__ellipsis {
+		overflow: hidden;
+
+		flex: 1;
+
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
 	&__name {
 		display: flex;
 
diff --git a/packages/rocketchat-ui-sidenav/client/sidebarItem.html b/packages/rocketchat-ui-sidenav/client/sidebarItem.html
index 91de8fc5e47d3..b527528cf3940 100644
--- a/packages/rocketchat-ui-sidenav/client/sidebarItem.html
+++ b/packages/rocketchat-ui-sidenav/client/sidebarItem.html
@@ -30,10 +30,12 @@
 									</div>
 								{{/if}}
 							{{/unless}}
-							{{name}}
-							{{#if mySelf}}
-								<span class="sidebar-item__me">({{_ "You"}})</span>
-							{{/if}}
+							<div class="sidebar-item__ellipsis">
+								{{name}}
+								{{#if mySelf}}
+									<span class="sidebar-item__me">({{_ "You"}})</span>
+								{{/if}}
+							</div>
 						</div>
 						{{#if isExtendedViewMode}}
 							{{#if lastMessageTs}}