From abc4843273d7cfea6e924fbca223cc00788dfda3 Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Tue, 22 May 2012 14:35:05 -0700
Subject: [PATCH] DG MS; got scroll working [ci skip]

---
 app/assets/stylesheets/new_styles/_base.scss         |  6 ++++++
 app/assets/stylesheets/new_styles/_interactions.scss |  4 +++-
 app/assets/templates/stream.jst.hbs                  | 10 +++++-----
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/new_styles/_base.scss b/app/assets/stylesheets/new_styles/_base.scss
index 06a60f533..7a75574dd 100644
--- a/app/assets/stylesheets/new_styles/_base.scss
+++ b/app/assets/stylesheets/new_styles/_base.scss
@@ -1,3 +1,9 @@
+html,
+body {
+  /* hack to ensure fixed elements at height: 100%; are in relation to the window */
+  max-height : 100%;
+}
+
 body {
   background-image : image_url("pattern.png");
   padding : none;
diff --git a/app/assets/stylesheets/new_styles/_interactions.scss b/app/assets/stylesheets/new_styles/_interactions.scss
index 7aa30a8ef..a8cc86ff4 100644
--- a/app/assets/stylesheets/new_styles/_interactions.scss
+++ b/app/assets/stylesheets/new_styles/_interactions.scss
@@ -313,7 +313,9 @@
 /* stream specific wrapper */
 #stream-interactions {
   position : fixed;
-  width : 420px;
+  top : 0;
+  bottom : 0;
+  overflow-y : auto;
 
   #post-info {
     text-align : left;
diff --git a/app/assets/templates/stream.jst.hbs b/app/assets/templates/stream.jst.hbs
index f05257ba1..8f2065a8c 100644
--- a/app/assets/templates/stream.jst.hbs
+++ b/app/assets/templates/stream.jst.hbs
@@ -1,11 +1,11 @@
 <div id="stream">
     <div class="container">
         <div class="row">
-            <div class="span5">
-                <section id="stream-content"/>
-            </div>
-            <div class="span5">
-                <section id="stream-interactions"/>
+            <section id="stream-content" class="span4 offset1"/>
+
+            <!--Since stream-interactions is fixed, we need a double span5 declaration here :(-->
+            <div class="span6">
+                <section id="stream-interactions" class="span6"/>
             </div>
         </div>
     </div>