From 3f2b6bfa27fb8e4d2a56fa5f3ea625314f4f0e72 Mon Sep 17 00:00:00 2001
From: hmhealey <harrisonmhealey@gmail.com>
Date: Tue, 13 Oct 2015 14:35:38 -0400
Subject: Fixed leave direct channel button for users with a long username

---
 web/react/components/sidebar.jsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to 'web/react')

diff --git a/web/react/components/sidebar.jsx b/web/react/components/sidebar.jsx
index 1caf4caa5..a1a5b64ba 100644
--- a/web/react/components/sidebar.jsx
+++ b/web/react/components/sidebar.jsx
@@ -345,15 +345,16 @@ export default class Sidebar extends React.Component {
             linkClass = 'active';
         }
 
+        let rowClass = 'sidebar-channel';
+
         var unread = false;
         if (channelMember) {
             msgCount = channel.total_msg_count - channelMember.msg_count;
             unread = (msgCount > 0 && channelMember.notify_props.mark_unread !== 'mention') || channelMember.mention_count > 0;
         }
 
-        var titleClass = '';
         if (unread) {
-            titleClass = 'unread-title';
+            rowClass += ' unread-title';
 
             if (channel.id !== activeId) {
                 if (!this.firstUnreadChannel) {
@@ -386,9 +387,8 @@ export default class Sidebar extends React.Component {
             );
         }
 
-        var badgeClass;
         if (msgCount > 0) {
-            badgeClass = 'has-badge';
+            rowClass += ' has-badge';
         }
 
         // set up status icon for direct message channels
@@ -458,12 +458,14 @@ export default class Sidebar extends React.Component {
         if (handleClose && !badge) {
             closeButton = (
                 <span
-                    className='sidebar-channel__close pull-right'
+                    className='close-btn pull-right small'
                     data-close='true'
                 >
                     {'×'}
                 </span>
             );
+
+            rowClass = ' has-close';
         }
 
         return (
@@ -473,7 +475,7 @@ export default class Sidebar extends React.Component {
                 className={linkClass}
             >
                 <a
-                    className={'sidebar-channel ' + titleClass + ' ' + badgeClass}
+                    className={rowClass}
                     href={href}
                     onClick={handleClick}
                 >
-- 
cgit v1.2.3-1-g7c22