Open-Up/openup2018_01-barcamp#9 Add ellipsis and title to Chat channe…

…l's topic.

frontend/app/conversation/topbar/conversation-topbar.less

@@ -23,7 +23,9 @@
       margin-left: 4px;
     }
 
-    span {
+    div {
+      .ellipsis;
+      display: block;
       cursor: pointer;
       .label-emoji {
         width: @chatLabelEmojiSize;
@@ -42,8 +44,12 @@
     a {
       color: @secondaryTextColor;
     }
+
+    chat-conversation-topbar-actions-members span{
+        white-space: nowrap;
+    }
+
     font-size: 20px;
     color: @secondaryTextColor;
-  }
-
+    }
 }

frontend/app/conversation/topic/conversation-topic-edition.less

@@ -0,0 +1,4 @@
+chat-conversation-topic-edition {
+  width: 100%;
+  padding-left: 50px;
+}

frontend/app/conversation/topic/conversation-topic-edition.pug

@@ -1,4 +1,4 @@
 .chat-conversation-topic-edition
   span.editable(ng-if="!ctrl.conversation.topic.value" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)')
     | #{__('Set a topic')}
-  span.editable(ng-if="ctrl.conversation.topic.value" ng-bind-html="ctrl.conversation.topic.value | linky:'_blank' | esnEmoticonify:{class: 'label-emoji'}" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)')
+  div.editable(ng-if="ctrl.conversation.topic.value" ng-bind-html="ctrl.conversation.topic.value | linky:'_blank' | esnEmoticonify:{class: 'label-emoji'}" editable-text="ctrl.topic" onhide="ctrl.draft($data)" buttons="no" onbeforesave='ctrl.updateTopic($data)' title="{{ctrl.conversation.topic.value}}")

frontend/app/style.less

@@ -27,6 +27,7 @@
 @import './conversation/message/user/user-message.less';
 @import './conversation/message/actions/star/message-star.less';
 @import './conversation/topbar/conversation-topbar.less';
+@import './conversation/topic/conversation-topic-edition.less';
 @import './conversation/message-indicator/message-indicator.less';
 @import './conversation/messages-view';
 @import './conversation/user-typing/user-typing.less';