nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

polishing the sidebar on large (lg on BS3) screens

Browse source
This commit is contained in:
Pablo Cuadrado 2015-06-22 20:12:53 -03:00 committed by augier
parent 37e3a2749f
commit bc1b6bd44d
3 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/colors.scss
View file

@ -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%);
$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) */

6
app/assets/stylesheets/leftnavbar.scss
View file

@ -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;

3
app/views/streams/main_stream.html.haml
View file

@ -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