diff options
Diffstat (limited to 'webapp/sass/layout')
| -rw-r--r-- | webapp/sass/layout/_navigation.scss | 18 | ||||
| -rw-r--r-- | webapp/sass/layout/_sidebar-left.scss | 43 |
2 files changed, 59 insertions, 2 deletions
diff --git a/webapp/sass/layout/_navigation.scss b/webapp/sass/layout/_navigation.scss index 8f0977eba..59b348d9e 100644 --- a/webapp/sass/layout/_navigation.scss +++ b/webapp/sass/layout/_navigation.scss @@ -5,6 +5,24 @@ background: transparent; } +.nav-tabs { + margin-bottom: 10px; + + > li { + margin-right: 5px; + + > a { + border-bottom-color: transparent !important; + padding: 7px 15px; + + .small { + @include opacity(.8); + margin-left: 4px; + } + } + } +} + #navbar { input { margin: 0 5px 0 2px; diff --git a/webapp/sass/layout/_sidebar-left.scss b/webapp/sass/layout/_sidebar-left.scss index a7a99249b..d08a9ef45 100644 --- a/webapp/sass/layout/_sidebar-left.scss +++ b/webapp/sass/layout/_sidebar-left.scss @@ -39,6 +39,45 @@ } } + .sidebar__switcher { + border-top: 2px solid; + bottom: 0; + display: block; + height: 45px; + line-height: 45px; + position: absolute; + text-align: center; + text-decoration: none; + width: 100%; + + &:after { + @include single-transition(all, .15s, ease-in); + background: alpha-color($black, .1); + content: ''; + display: none; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + } + + span { + @include single-transition(all, .15s, ease-in); + @include opacity(.8); + } + + &:hover { + &:after { + display: block; + } + + span { + @include opacity(1); + } + } + } + .dropdown-menu { max-height: 80vh; max-width: 200px; @@ -62,7 +101,7 @@ .nav-pills__container { -webkit-overflow-scrolling: touch; - height: calc(100% - 80px); + height: calc(100% - 110px); overflow: auto; position: relative; } @@ -84,7 +123,7 @@ } .nav-pills__unread-indicator-bottom { - bottom: 20px; + bottom: 60px; } .nav { |