diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-07-10 23:48:45 +0500 |
---|---|---|
committer | Saturnino Abril <saturnino.abril@gmail.com> | 2017-07-11 02:48:45 +0800 |
commit | 87e62e8823e0894afab93326b0e1db2e12c53848 (patch) | |
tree | 345c4d54fd2f960cd2f2501afef27739802a62cf /webapp/sass/responsive | |
parent | 45e7ad0c3428b4a050fedb354048f8a66aedf2a0 (diff) | |
download | chat-87e62e8823e0894afab93326b0e1db2e12c53848.tar.gz chat-87e62e8823e0894afab93326b0e1db2e12c53848.tar.bz2 chat-87e62e8823e0894afab93326b0e1db2e12c53848.zip |
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
Diffstat (limited to 'webapp/sass/responsive')
-rw-r--r-- | webapp/sass/responsive/_mobile.scss | 10 | ||||
-rw-r--r-- | webapp/sass/responsive/_tablet.scss | 16 |
2 files changed, 15 insertions, 11 deletions
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); } } } |