UI fixes for group messaging

mattermost · Mar 1, 2017 · f6a67ec · f6a67ec
1 parent 03da3ec
commit f6a67ec
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/webapp/components/more_direct_channels.jsx b/webapp/components/more_direct_channels.jsx
@@ -265,7 +265,7 @@ export default class MoreDirectChannels extends React.Component {
             note = (
                 <FormattedMessage
                     id='more_direct_channels.new_convo_note'
-                    defaultMessage='This will start a new conversation. If you’re adding a lot of people, consider creating a private group instead.'
+                    defaultMessage='. This will start a new conversation. If you’re adding a lot of people, consider creating a private group instead.'
                 />
             );
         }

diff --git a/webapp/components/multiselect/multiselect.jsx b/webapp/components/multiselect/multiselect.jsx
@@ -120,7 +120,7 @@ export default class MultiSelect extends React.Component {
             numRemainingText = (
                 <FormattedMessage
                     id='multiselect.numRemaining'
-                    defaultMessage='You can add {num, number} more'
+                    defaultMessage='You can add {num, number} more. '
                     values={{
                         num: this.props.maxValues - this.props.values.length
                     }}

diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss
@@ -633,6 +633,7 @@
 
     .more-modal__list {
         flex-grow: 500;
+        height: 1px;
     }
 
     .filter-button {

diff --git a/webapp/sass/components/_multi-select.scss b/webapp/sass/components/_multi-select.scss
@@ -22,6 +22,16 @@
     .Select-control {
         border-radius: 1px;
     }
+
+    .Select-value {
+        white-space: nowrap;
+    }
+
+    .Select-value-label {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        width: calc(100% - 20px);
+    }
 }
 
 .multi-select__help {