diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-06-07 02:24:23 +0500 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2017-06-06 17:24:23 -0400 |
commit | 1eed253fc23bf164d18ea506cf3bc35ce0ce1fbb (patch) | |
tree | 7a82d501c2894f4956cad4e53b42ce5dda1482e3 /webapp/sass/layout/_sidebar-left.scss | |
parent | 6e7b912ec61a6a791e0e8405ff6f6bd7e622a187 (diff) | |
download | chat-1eed253fc23bf164d18ea506cf3bc35ce0ce1fbb.tar.gz chat-1eed253fc23bf164d18ea506cf3bc35ce0ce1fbb.tar.bz2 chat-1eed253fc23bf164d18ea506cf3bc35ce0ce1fbb.zip |
Channel switcher UI improvements (#6564)
* Channel switcher UI improvements
* Reverting mattermost theme
* Fixing spacing above the button
* Updating switcher button
* PLT-6691 - Fixing tablet header
Diffstat (limited to 'webapp/sass/layout/_sidebar-left.scss')
-rw-r--r-- | webapp/sass/layout/_sidebar-left.scss | 47 |
1 files changed, 21 insertions, 26 deletions
diff --git a/webapp/sass/layout/_sidebar-left.scss b/webapp/sass/layout/_sidebar-left.scss index abe49b9c6..9323253c7 100644 --- a/webapp/sass/layout/_sidebar-left.scss +++ b/webapp/sass/layout/_sidebar-left.scss @@ -44,42 +44,37 @@ } .sidebar__switcher { - border-top: 2px solid; + border-top: 1px solid; bottom: 0; display: block; - height: 45px; - line-height: 45px; position: absolute; - text-align: center; - text-decoration: none; width: 100%; - &:after { + button { @include single-transition(all, .15s, ease-in); - background: alpha-color($black, .1); - content: ''; - display: none; - height: 100%; - left: 0; - position: absolute; - top: 0; + display: block; + height: 42px; + text-align: center; + text-decoration: none; width: 100%; - } - - span { - @include single-transition(all, .15s, ease-in); - @include opacity(.8); - } - &:hover { - &:after { - display: block; + > span { + @include single-transition(all, .15s, ease-in); + @include opacity(.6); + position: relative; + z-index: 5; } - span { - @include opacity(1); + &:hover { + span { + @include opacity(1); + } } } + + .switch__shortcut { + margin-left: 4px; + } } .dropdown-menu { @@ -105,7 +100,7 @@ .nav-pills__container { -webkit-overflow-scrolling: touch; - height: calc(100% - 110px); + height: calc(100% - 99px); overflow: auto; position: relative; } @@ -127,7 +122,7 @@ } .nav-pills__unread-indicator-bottom { - bottom: 60px; + bottom: 50px; } .nav { |