Fix problem with sequence navigation on iOS

* Add `touch-based-device` class to the <body> when running on iOS. * Do not show the tooltip if we're on the iOS.

Fix problem with sequence navigation on iOS
* Add `touch-based-device` class to the <body> when running on iOS. * Do not show the tooltip if we're on the iOS.
97b83f26 · Prem Sichanugrist · df12c586 · 97b83f26 · 97b83f26
Commit 97b83f26 authored Jun 01, 2012 by Prem Sichanugrist
Hide whitespace changes
Inline Side-by-side

Showing with 8 additions and 1 deletions

static/coffee/src/main.coffee
+2 -0

static/sass/courseware/_sequence-nav.scss
+6 -1

No files found.
--- a/static/coffee/src/main.coffee
+++ b/static/coffee/src/main.coffee
@@ -12,6 +12,8 @@ $ ->
  window.onTouchBasedDevice = ->
    navigator.userAgent.match /iPhone|iPod|iPad/i

+  $('body').addClass 'touch-based-device' if onTouchBasedDevice()
+
  $("a[rel*=leanModal]").leanModal()
  $('#csrfmiddlewaretoken').attr 'value', $.cookie('csrftoken')


--- a/static/sass/courseware/_sequence-nav.scss
+++ b/static/sass/courseware/_sequence-nav.scss
@@ -123,7 +123,7 @@ nav.sequence-nav {
          background-position: center;
        }

-       p {
+        p {
          background: #333;
          color: #fff;
          display: none;
@@ -231,6 +231,10 @@ nav.sequence-nav {
      }
    }
  }
+
+  body.touch-based-device & ol li a:hover p {
+    display: none;
+  }
 }


@@ -304,3 +308,4 @@ section.course-content {
    }
  }
 }
+