diff options
author | Asaad Mahmood <asaad@spinpunch.com> | 2016-02-09 21:03:52 +0500 |
---|---|---|
committer | Asaad Mahmood <asaad@spinpunch.com> | 2016-02-09 21:03:52 +0500 |
commit | 65a00cbcf52dfc9bcd43112f2e420fad4798f2e1 (patch) | |
tree | 7fd3f36a49e251396a411cdede364588cba481a2 /web/sass-files/sass | |
parent | b8f76787335cca988a5cada2d1debc0b5e9b7338 (diff) | |
download | chat-65a00cbcf52dfc9bcd43112f2e420fad4798f2e1.tar.gz chat-65a00cbcf52dfc9bcd43112f2e420fad4798f2e1.tar.bz2 chat-65a00cbcf52dfc9bcd43112f2e420fad4798f2e1.zip |
Improving mentions issue with long names
Diffstat (limited to 'web/sass-files/sass')
-rw-r--r-- | web/sass-files/sass/partials/_mentions.scss | 16 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_settings.scss | 2 |
2 files changed, 18 insertions, 0 deletions
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 { |