From 5ca778ef0508047fad5db1de0753120d0b62ba4f Mon Sep 17 00:00:00 2001
From: Usman Khalid <usman.khalid@arbisoft.com>
Date: Fri, 27 Sep 2013 21:06:34 +0500
Subject: [PATCH] Display:none arrows in disabled state

---
 common/static/js/pdfviewer.js         | 12 ++++++------
 lms/static/sass/course/_textbook.scss | 13 ++++++++-----
 2 files changed, 14 insertions(+), 11 deletions(-)
 mode change 100644 => 100755 common/static/js/pdfviewer.js
 mode change 100644 => 100755 lms/static/sass/course/_textbook.scss

diff --git a/common/static/js/pdfviewer.js b/common/static/js/pdfviewer.js
old mode 100644
new mode 100755
index ef30f180ae..a76e2f397c
--- a/common/static/js/pdfviewer.js
+++ b/common/static/js/pdfviewer.js
@@ -202,15 +202,15 @@ PDFJS.disableWorker = true;
             $("#pageNumber").val(pageNum);
 
             // Enable/disable the previous/next buttons
-            if (pageNum > 1) {
-              $("#previous").addClass("enabled");
+            if (pageNum <= 1) {
+              $("#previous").addClass("is-disabled");
             } else {
-              $("#previous").removeClass("enabled");
+              $("#previous").removeClass("is-disabled");
             }
-            if (pageNum < pdfDocument.numPages) {
-              $("#next").addClass("enabled");
+            if (pageNum >= pdfDocument.numPages) {
+              $("#next").addClass("is-disabled");
             } else {
-              $("#next").removeClass("enabled");
+              $("#next").removeClass("is-disabled");
             }
         }
 
diff --git a/lms/static/sass/course/_textbook.scss b/lms/static/sass/course/_textbook.scss
old mode 100644
new mode 100755
index f839c0dd10..d3632be2c5
--- a/lms/static/sass/course/_textbook.scss
+++ b/lms/static/sass/course/_textbook.scss
@@ -160,13 +160,16 @@ div.book-wrapper {
             @include transition(none);
             vertical-align: middle;
             width: 100%;
-          }
 
-          a.enabled:hover {
-            opacity: 1.0;
-            filter: alpha(opacity=100);
-          }
+            &:hover {
+              opacity: 1.0;
+            }
 
+            &.is-disabled {
+              display:none;
+            }
+          }
+          
           &.last {
             left: 0;