From 57c3bdb6858fa655540570e72fccd4c726d041e1 Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Mon, 27 Feb 2012 15:58:13 -0800
Subject: [PATCH] added home button to an active interaction-pane

---
 .../app/templates/post-viewer/feedback.handlebars     | 11 ++++++++---
 .../javascripts/app/views/post-viewer/interactions.js |  1 +
 public/stylesheets/sass/new-templates.scss            | 11 +++++++++--
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/public/javascripts/app/templates/post-viewer/feedback.handlebars b/public/javascripts/app/templates/post-viewer/feedback.handlebars
index 280217087..84a1ea774 100644
--- a/public/javascripts/app/templates/post-viewer/feedback.handlebars
+++ b/public/javascripts/app/templates/post-viewer/feedback.handlebars
@@ -45,8 +45,13 @@
 </div>
 
 <!-- this closes an open interaction pane -->
-<div id="close-reactions-pane-container">
-  <a href="#" id="close-reactions-pane" rel="hide-interaction-pane">
-  </a>
+<div id="close-reactions-pane">
+  <div id="close-reactions-pane-container">
+    <a href="#" rel="hide-interaction-pane" class="invoker">
+      <a href="/" title="{{t "header.home"}}" class="home-button">
+        <i class="icon-home icon-white"></i>
+      </a>
+    </a>
+  </div>
 </div>
 
diff --git a/public/javascripts/app/views/post-viewer/interactions.js b/public/javascripts/app/views/post-viewer/interactions.js
index bbb08a39a..3fdc3c636 100644
--- a/public/javascripts/app/views/post-viewer/interactions.js
+++ b/public/javascripts/app/views/post-viewer/interactions.js
@@ -29,6 +29,7 @@ app.views.PostViewerInteractions = app.views.Base.extend({
 
   togglePane : function(evt) {
     if(evt) { evt.preventDefault() }
+    $("#post-interactions").toggleClass("active")
     this.$("#post-info").slideToggle(300)
     this.removeTooltips()
   },
diff --git a/public/stylesheets/sass/new-templates.scss b/public/stylesheets/sass/new-templates.scss
index 0da437ee6..4c5b4d698 100644
--- a/public/stylesheets/sass/new-templates.scss
+++ b/public/stylesheets/sass/new-templates.scss
@@ -650,22 +650,29 @@ body.idle {
   z-index: 30;
 }
 
-#close-reactions-pane-container {
+#close-reactions-pane {
+  display: none;
+
   text-align: center;
   position: absolute;
   width: 100%;
   left: 0;
   top: -3px;
 
-  #close-reactions-pane {
+  #close-reactions-pane-container {
     width: $pane-width;
     top: 0;
 
     min-height: 30px;
     display: inline-block;
+    position: relative;
   }
 }
 
+#post-interactions.active #close-reactions-pane {
+  display: block;
+}
+
 .info-tick {
   @include opacity(0.8);