diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-07-08 04:27:38 +0500 |
---|---|---|
committer | Saturnino Abril <saturnino.abril@gmail.com> | 2017-07-08 07:27:38 +0800 |
commit | 06814885a050c9a0cae92c73c48e334272d30281 (patch) | |
tree | 5c63723061d6792d240722487718d7666d081137 /webapp/sass/layout/_headers.scss | |
parent | e8c02c7c1d1d94d362a37c14e2c1a77508906e94 (diff) | |
download | chat-06814885a050c9a0cae92c73c48e334272d30281.tar.gz chat-06814885a050c9a0cae92c73c48e334272d30281.tar.bz2 chat-06814885a050c9a0cae92c73c48e334272d30281.zip |
UI changes (#6876)
* PLT-7011 - Long channel name truncation
* PLT-7013 - Fixing channel header mobile
* PLT-7012 - Updating quick switch modal on mobile
* PLT-7008 - Channel preferences mobile fix
* PLT-7014 - Increasing tap area for channel desc
Diffstat (limited to 'webapp/sass/layout/_headers.scss')
-rw-r--r-- | webapp/sass/layout/_headers.scss | 17 |
1 files changed, 12 insertions, 5 deletions
diff --git a/webapp/sass/layout/_headers.scss b/webapp/sass/layout/_headers.scss index dd8440d19..b515e40cf 100644 --- a/webapp/sass/layout/_headers.scss +++ b/webapp/sass/layout/_headers.scss @@ -195,11 +195,14 @@ .channel-header__description { display: inline-block; - height: 22px; - margin-top: 3px; - max-width: calc(100vw - 730px); + height: 35px; + margin-top: -10px; + max-width: calc(100vw - 720px); overflow: hidden; + padding: 3px 0 0; + position: relative; text-overflow: ellipsis; + top: 10px; white-space: nowrap; word-break: break-word; @@ -209,7 +212,7 @@ } .multi-teams & { - max-width: calc(100vw - 780px); + max-width: calc(100vw - 790px); } &.light { @@ -223,7 +226,11 @@ } .move--left & { - max-width: calc(100vw - 780px); + max-width: calc(100vw - 790px); + + .multi-teams & { + max-width: calc(100vw - 840px); + } } .markdown-inline-img { |