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

controlling right sidebar behaviour on large screens

Browse source
This commit is contained in:
Pablo Cuadrado 2015-06-22 20:35:12 -03:00 committed by augier
parent 754d8107a8
commit c38da4c787
3 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -26,6 +26,7 @@ $blue: #3F8FBA;
$dark-blue: darken(#0984C8,10%);
$right-sidebar-background: #f0f0f0;
$right-sidebar-sub-background: darken($right-sidebar-background, 12%);
/* colors : http://www.colourlovers.com/palette/2134203/Awezome_in_argyle */
$cyan : rgb(8,204,249);

14
app/assets/stylesheets/sidebar.scss
View file

@ -4,8 +4,14 @@
position: fixed;
right: 0;
}
#right-sidebar-fixed-sub-background {
height: 100%;
background: $right-sidebar-sub-background;
position: fixed;
right: 0;
}
.right-sidebar-padder {
max-width: 300px;
max-width: 400px;
}
.rightBar {
padding-top: 20px;
@ -78,3 +84,9 @@
}
}
}
@media screen and (min-width: 1200px) {
#right-sidebar-fixed-background {
margin-right: 8.33333%; /* Only for LARGE screens, same as lg-offset-1 class, BS3 does not provide right side offsetting */
}
}

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

@ -21,7 +21,8 @@
= link_to '×'.html_safe, getting_started_completed_path, id: "gs-skip-x", class: "close"
%div.container-fluid
#right-sidebar-fixed-background.col-md-3.hidden-sm.hidden-xs
#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
.col-md-offset-1.col-md-2#leftNavBar
#home_user_badge
@ -45,7 +46,7 @@
#aspect_stream_container.stream_container
= render 'aspects/aspect_stream', stream: @stream
.col-md-3.rightBar
.col-md-3.col-lg-2.rightBar
#selected_aspect_contacts.section
.title
%h5.stream_title