From c3c20db8e8e789d75b291ed6814a29faaaaba337 Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Thu, 23 Feb 2012 12:40:56 -0800
Subject: [PATCH] fix arrow positioning for moz.
---
.../javascripts/app/templates/post-viewer/nav.handlebars | 8 ++++++--
public/javascripts/app/views/post-viewer/nav.js | 2 +-
public/stylesheets/sass/new-templates.scss | 9 ++++++++-
3 files changed, 15 insertions(+), 4 deletions(-)
diff --git a/public/javascripts/app/templates/post-viewer/nav.handlebars b/public/javascripts/app/templates/post-viewer/nav.handlebars
index 2f823bd0fa..68b3b9fe01 100644
--- a/public/javascripts/app/templates/post-viewer/nav.handlebars
+++ b/public/javascripts/app/templates/post-viewer/nav.handlebars
@@ -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>
diff --git a/public/javascripts/app/views/post-viewer/nav.js b/public/javascripts/app/views/post-viewer/nav.js
index 32d748a410..a85ae2e405 100644
--- a/public/javascripts/app/views/post-viewer/nav.js
+++ b/public/javascripts/app/views/post-viewer/nav.js
@@ -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)
}
diff --git a/public/stylesheets/sass/new-templates.scss b/public/stylesheets/sass/new-templates.scss
index c732294ddd..c92102f7ff 100644
--- a/public/stylesheets/sass/new-templates.scss
+++ b/public/stylesheets/sass/new-templates.scss
@@ -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);
--
GitLab