From 06814885a050c9a0cae92c73c48e334272d30281 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Sat, 8 Jul 2017 04:27:38 +0500 Subject: 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 --- webapp/sass/responsive/_mobile.scss | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) (limited to 'webapp/sass/responsive') 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; -- cgit v1.2.3-1-g7c22 From 9a7453e20853c9fe347a17524e58a183afffcab8 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Mon, 10 Jul 2017 22:27:35 +0500 Subject: Minor UI updates (#6884) --- webapp/sass/responsive/_mobile.scss | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) (limited to 'webapp/sass/responsive') diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 28b28a8f9..f48c15b16 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -1021,9 +1021,8 @@ .icon--refresh { @include opacity(.6); - color: $black; - right: 30px; - top: 15px; + right: 16px; + top: 9px; } .form-control { @@ -1075,7 +1074,7 @@ } .nav-pills__container { - height: calc(100% - 60px); + height: calc(100% - 55px); } > div { -- cgit v1.2.3-1-g7c22 From 87e62e8823e0894afab93326b0e1db2e12c53848 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Mon, 10 Jul 2017 23:48:45 +0500 Subject: Minor UI fixes for 4.0 (#6899) * PLT-7056 - Fixing profile popover position * PLT-7082 - Removing extra space below header * PLT-7074 - Channel header fix * PLT-7054 - Fixing scroll inside members popover * Updating mention highlight color for default theme --- webapp/sass/responsive/_mobile.scss | 10 +++++++--- webapp/sass/responsive/_tablet.scss | 16 ++++++++-------- 2 files changed, 15 insertions(+), 11 deletions(-) (limited to 'webapp/sass/responsive') diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index f48c15b16..1cfe2b37c 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -1043,8 +1043,8 @@ @include single-transition(transform, .35s, ease); @include translate3d(290px, 0, 0); border: none; - width: 290px; visibility: hidden; + width: 290px; &.visible { display: block; @@ -1287,10 +1287,10 @@ .app__content { margin: 0; - padding-top: 56px; + padding-top: 50px; .channel__wrap & { - padding-top: 56px; + padding-top: 50px; } #channel-header { @@ -1575,6 +1575,10 @@ } @media screen and (max-width: 480px) { + #user-profile-popover { + left: 50px !important; + } + .post { .img-div { max-width: 100%; diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss index 8b81f30ca..ef4c2e8e5 100644 --- a/webapp/sass/responsive/_tablet.scss +++ b/webapp/sass/responsive/_tablet.scss @@ -5,20 +5,20 @@ &.move--left { .channel-header { .heading { - max-width: calc(100vw - 600px); + max-width: calc(100vw - 620px); .multi-teams & { - max-width: calc(100vw - 650px); + max-width: calc(100vw - 670px); } } } .channel-header__info { .channel-header__description { - max-width: calc(100vw - 600px); + max-width: calc(100vw - 620px); .multi-teams & { - max-width: calc(100vw - 650px); + max-width: calc(100vw - 670px); } } } @@ -34,20 +34,20 @@ .channel-header__info { .channel-header__description { - max-width: calc(100vw - 660px); + max-width: calc(100vw - 680px); .multi-teams & { - max-width: calc(100vw - 710px); + max-width: calc(100vw - 730px); } } } .channel-header { .heading { - max-width: calc(100vw - 700px); + max-width: calc(100vw - 720px); .multi-teams & { - max-width: calc(100vw - 750px); + max-width: calc(100vw - 770px); } } } -- cgit v1.2.3-1-g7c22 From 2190a288e004e46cddac992fc799dc1ae37fd4f3 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Tue, 11 Jul 2017 02:34:29 +0500 Subject: PLT-7065 - Fixing alignment for heading (#6901) --- webapp/sass/responsive/_mobile.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) (limited to 'webapp/sass/responsive') diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 1cfe2b37c..8f44a883f 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -870,16 +870,20 @@ .heading { font-size: 17px; font-weight: 400; - line-height: normal; + line-height: 50px; position: relative; - top: 14px; vertical-align: top; + + .ios & { + line-height: 48px; + } } .header-dropdown__icon { font-size: 12px; + line-height: 50px; margin-left: 5px; - top: 20px; + top: 0; vertical-align: top; } } -- cgit v1.2.3-1-g7c22 From dc6862079a7055269e8aa861caf0093e7be29e83 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Wed, 12 Jul 2017 18:48:35 +0500 Subject: Release 4.0 bug fixes (#6911) * PLT-7098 - Back arrow cut off in sidebar * PLT-7089 - Fixing channel name truncation --- webapp/sass/responsive/_desktop.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) (limited to 'webapp/sass/responsive') diff --git a/webapp/sass/responsive/_desktop.scss b/webapp/sass/responsive/_desktop.scss index 67ec9e3a7..184b57710 100644 --- a/webapp/sass/responsive/_desktop.scss +++ b/webapp/sass/responsive/_desktop.scss @@ -91,7 +91,15 @@ max-width: calc(100vw - 800px); .multi-teams & { - max-width: calc(100vw - 750px); + max-width: calc(100vw - 775px); + } + } + } + + .channel-header__info { + .channel-header__description { + .multi-teams & { + max-width: calc(100vw - 730px); } } } -- cgit v1.2.3-1-g7c22