From 65a00cbcf52dfc9bcd43112f2e420fad4798f2e1 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Tue, 9 Feb 2016 21:03:52 +0500 Subject: Improving mentions issue with long names --- web/sass-files/sass/partials/_mentions.scss | 16 ++++++++++++++++ web/sass-files/sass/partials/_settings.scss | 2 ++ 2 files changed, 18 insertions(+) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_mentions.scss b/web/sass-files/sass/partials/_mentions.scss index df6dd40a2..aa654e9e8 100644 --- a/web/sass-files/sass/partials/_mentions.scss +++ b/web/sass-files/sass/partials/_mentions.scss @@ -18,6 +18,13 @@ line-height: 36px; font-size: 13px; cursor: pointer; + white-space: nowrap; + + .mention-align { + @include clearfix; + text-overflow: ellipsis; + width: calc(100% - 50px); + } } .mentions-text { @@ -33,6 +40,15 @@ font-size: 20px; text-align: center; @include border-radius(32px); + + .mention-align { + max-width: 80%; + overflow: hidden; + display: inline-block; + white-space: nowrap; + text-overflow: ellipsis; + } + } .mention-fullname { diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss index d92cf95ac..1bbec566c 100644 --- a/web/sass-files/sass/partials/_settings.scss +++ b/web/sass-files/sass/partials/_settings.scss @@ -223,6 +223,8 @@ .section-describe { @include opacity(0.7); white-space:pre; + @include clearfix; + text-overflow: ellipsis; } .divider-dark { -- cgit v1.2.3-1-g7c22