fixed a bug where an event did not get removed in the image gallery

VancouverCanucks · Dec 10, 2013 · ae16e77 · ae16e77
1 parent 66e6991
commit ae16e77
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 19 deletions.
diff --git a/css/style.css b/css/style.css
@@ -207,21 +207,6 @@ input[type="text"] {
   margin-bottom: 20px;
 }
 
-@media (max-width: 480px) {
-  .nav {
-    width: 15%;
-  }
-
-  .button {
-    font-size: 15px;
-  }
-
-  input[type="text"] {
-    font-size: 14px;
-    width: 80%;
-  }
-}
-
 .letter-container {
   height: 100%;
   width: 50%;
@@ -268,8 +253,6 @@ input[type="text"] {
 
 .modal .gallery .photos li {
   float: left;
-  width: 100%;
-  height: 100%;
   position: absolute;
 }
 
@@ -308,4 +291,19 @@ input[type="text"] {
 
 .action {
   cursor: pointer;
+}
+
+@media (max-width: 480px) {
+  .nav {
+    width: 15%;
+  }
+
+  .button {
+    font-size: 15px;
+  }
+
+  input[type="text"] {
+    font-size: 14px;
+    width: 80%;
+  }
 }
diff --git a/js/app.js b/js/app.js
@@ -134,8 +134,9 @@ $(function() {
     }
 
     app.prototype.photoGallery = function() {
+      $('.modal').off('click', '.photos li');
       $('.modal').on('click', '.photos li', function() {
-        $(this).animate({ left: '-5000px' });
+        $(this).animate({ left: '-2000px' });
         if (window.app.galleryCount >= $('.photos').children().length - 1) {
           window.app.modalClose();
           window.app.galleryCount = 0;

diff --git a/js/snowfall.min.jquery.js b/js/snowfall.min.jquery.js