diff options
author | enahum <nahumhbl@gmail.com> | 2016-12-19 10:05:46 -0300 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2016-12-19 08:05:46 -0500 |
commit | 999d1553e1ce45adf58f6082b160bc1147dc592b (patch) | |
tree | 369a9b7f46dd44d136a79a050469429169433cec /webapp/sass/responsive | |
parent | 3ce2ce9dc882ed962dc3ce7550bdb07963f376b6 (diff) | |
download | chat-999d1553e1ce45adf58f6082b160bc1147dc592b.tar.gz chat-999d1553e1ce45adf58f6082b160bc1147dc592b.tar.bz2 chat-999d1553e1ce45adf58f6082b160bc1147dc592b.zip |
PLT-4167 Team Sidebar (#4569)
* PLT-4167 Team Sidebar
* Address feedback from PM
* change route from my_members to members
* bug fixes
* Updating styles for teams sidebar (#4681)
* Added PM changes
* Fix corner cases
* Addressing feedback
* use two different endpoints
* Bug fixes
* Rename model and client functions, using preferences to store last team and channel viewed
* Fix mobile notification count and closing the team sidebar
* unit test, fixed bad merge and retrieve from cached when available
* bug fixes
* use id for last channel in preferences, query optimization
* Updating multi team css (#4830)
Diffstat (limited to 'webapp/sass/responsive')
-rw-r--r-- | webapp/sass/responsive/_mobile.scss | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 66f9550d7..ab305a5b0 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -1163,6 +1163,33 @@ .post-comments { padding: 9px 21px 10px 10px !important; } + + .multi-teams { + .team-sidebar { + width: 75px; + } + + .app__content { + margin-left: 0; + } + + .sidebar--left { + left: 0; + + &.move--right { + left: 75px; + } + } + + .team-sidebar { + display: none; + + &.move--right { + display: block; + @include translate3d(0, 0, 0); + } + } + } } @media screen and (max-width: 640px) { @@ -1493,6 +1520,20 @@ } @media screen and (max-width: 320px) { + .multi-teams { + .team-sidebar { + width: 65px; + } + + .sidebar--left { + width: 220px; + + &.move--right { + left: 65px; + } + } + } + .post { .post__header { .col__name { |