diff --git a/app/assets/stylesheets/colors.scss b/app/assets/stylesheets/colors.scss index 83f416c3b..a202c4d8f 100644 --- a/app/assets/stylesheets/colors.scss +++ b/app/assets/stylesheets/colors.scss @@ -38,4 +38,5 @@ $turquoise : rgb(8, 224, 173); $sand : rgb(245, 239, 237); $left-navbar-background: #f0f0f0; -$left-navbar-drawer-background: darken($left-navbar-background, 6%); \ No newline at end of file +$left-navbar-drawer-background: darken($left-navbar-background, 6%); +$left-navbar-sub-background: darken($left-navbar-background, 12%); /* Only visible in large screens (BS3: visible-lg) */ \ No newline at end of file diff --git a/app/assets/stylesheets/leftnavbar.scss b/app/assets/stylesheets/leftnavbar.scss index e96a93ae6..7d570d549 100644 --- a/app/assets/stylesheets/leftnavbar.scss +++ b/app/assets/stylesheets/leftnavbar.scss @@ -1,4 +1,10 @@ /* Fixed backgrounds are a common practice to avoid height issues */ +#left-navbar-fixed-sub-background { + background: $left-navbar-sub-background; + position: fixed; + height: 100%; +} + #left-navbar-fixed-background { background: $left-navbar-background; position: fixed; diff --git a/app/views/streams/main_stream.html.haml b/app/views/streams/main_stream.html.haml index 4712a3a61..07e52296f 100644 --- a/app/views/streams/main_stream.html.haml +++ b/app/views/streams/main_stream.html.haml @@ -24,7 +24,8 @@ #right-sidebar-fixed-sub-background.col-md-3.visible-lg #right-sidebar-fixed-background.col-md-3.col-lg-2.hidden-sm.hidden-xs .row - #left-navbar-fixed-background.col-md-3.hidden-sm.hidden-xs + #left-navbar-fixed-sub-background.col-lg-1.visible-lg + #left-navbar-fixed-background.col-lg-offset-1.col-lg-2.col-md-3.hidden-sm.hidden-xs .col-lg-offset-1.col-lg-2.col-md-3#leftNavBar #home_user_badge = owner_image_link