cap width of editable item list item to leave space for its X remove button

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-26 12:52:17 +01:00 · 2020-04-26 12:52:17 +01:00 · de3226177c
parent 582747d2ed
commit de3226177c
1 changed files with 3 additions and 0 deletions
--- a/res/css/views/elements/_EditableItemList.scss
+++ b/res/css/views/elements/_EditableItemList.scss
@ -53,6 +53,9 @@ limitations under the License.
 .mx_EditableItem_item {
    flex: auto 1 0;
    order: 1;
+    width: calc(100% - 14px); // leave space for the remove button
+    overflow-x: hidden;
+    text-overflow: ellipsis;
 }

 .mx_EditableItemList_label {