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

fix arrow positioning for moz.

Browse source
This commit is contained in:
danielgrippi 2012-02-23 12:40:56 -08:00
parent 8d2376b3bf
commit c3c20db8e8
3 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/javascripts/app/templates/post-viewer/nav.handlebars
View file

@ -1,7 +1,11 @@
<a href="#" class="nav-arrow left" id="forward">
<img src="/images/arrow-left.png" />
<div class="nav-arrow-inner">
<img src="/images/arrow-left.png" />
</div>
</a>
<a href="#" class="nav-arrow right" id="back">
<img src="/images/arrow-right.png" />
<div class="nav-arrow-inner">
<img src="/images/arrow-right.png" />
</div>
</a>

2
public/javascripts/app/views/post-viewer/nav.js
View file

@ -23,7 +23,7 @@ app.views.PostViewerNav = app.views.Base.extend({
if(evt) { evt.preventDefault(); }
var link;
evt.target.tagName == "IMG" ? link = $(evt.target).closest("a") : link = $(evt.target)
evt.target.tagName != "A" ? link = $(evt.target).closest("a") : link = $(evt.target)
app.router.navigate(link.attr("href").substring(1), true)
}

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

@ -219,7 +219,8 @@ $light-grey: #999;
.nav-arrow {
@include opacity(0.8);
@include transition(background-color, 0.3s);
@include center();
display: table;
position: fixed;
height: 100%;
@ -228,6 +229,12 @@ $light-grey: #999;
padding: 0 13px;
background-color: rgba(0,0,0,0);
.nav-arrow-inner {
padding: 0; margin: 0;
display: table-cell;
vertical-align: middle;
}
img {
@include opacity(0.5);