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 | |
| 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')
| -rw-r--r-- | webapp/sass/layout/_headers.scss | 17 | ||||
| -rw-r--r-- | webapp/sass/layout/_navigation.scss | 2 | ||||
| -rw-r--r-- | webapp/sass/layout/_sidebar-right.scss | 5 | ||||
| -rw-r--r-- | webapp/sass/responsive/_mobile.scss | 5 |
4 files changed, 19 insertions, 10 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 { diff --git a/webapp/sass/layout/_navigation.scss b/webapp/sass/layout/_navigation.scss index 09b6534b0..f1bce335c 100644 --- a/webapp/sass/layout/_navigation.scss +++ b/webapp/sass/layout/_navigation.scss @@ -104,13 +104,13 @@ padding: 0 .5em; .heading { - color: $white; display: inline-block; font-weight: 600; line-height: 50px; margin-right: 5px; max-width: calc(100% - 200px); overflow: hidden; + text-overflow: ellipsis; vertical-align: top; } diff --git a/webapp/sass/layout/_sidebar-right.scss b/webapp/sass/layout/_sidebar-right.scss index 8181ac270..907b14b6d 100644 --- a/webapp/sass/layout/_sidebar-right.scss +++ b/webapp/sass/layout/_sidebar-right.scss @@ -207,6 +207,10 @@ } } + .sidebar--right__title { + @include clearfix; + } + .sidebar--right__header { @include flex(0 0 44px); border-bottom: 1px solid; @@ -214,6 +218,7 @@ font-size: 1em; height: 44px; line-height: 44px; + overflow: hidden; padding: 0 5px 0 15px; text-transform: uppercase; } diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 862c3a59c..28b28a8f9 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -781,10 +781,7 @@ .settings-content { .section-edit { - padding-right: 0; - position: absolute; - right: 15px; - top: 14px; + text-align: left; .fa { display: inline-block; |