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

added home button to an active interaction-pane

Browse source
This commit is contained in:
danielgrippi 2012-02-27 15:58:13 -08:00
parent 932f2e526c
commit 57c3bdb685
3 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/javascripts/app/templates/post-viewer/feedback.handlebars
View file

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

1
public/javascripts/app/views/post-viewer/interactions.js
View file

@ -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()
},

11
public/stylesheets/sass/new-templates.scss
View file

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