added zoom on big pictures; see #37

idrop-link · May 27, 2015 · e30f138 · e30f138
1 parent b6c0400
commit e30f138
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/frontend/public/css/main.css b/frontend/public/css/main.css
@@ -197,9 +197,22 @@ body.drop nav h1 {
 button.button {
     background-color: #555 !important; }
 
-.drop-wrap img {
+.drop-img {
+    height: auto;
     display: inline-block; }
 
+.drop-img:not(.upsized) {
+    cursor: -webkit-zoom-in;
+    cursor: -moz-zoom-in;
+    cursor: zoom-in;
+    max-width: 90%; }
+
+.drop-img.upsized {
+    cursor: -webkit-zoom-out;
+    cursor: -moz-zoom-out;
+    cursor: zoom-out;
+    max-width: inherit; }
+
 .drop-wrap .drop-title {
     text-shadow: none;
     line-height: 50px;

diff --git a/frontend/public/js/main.js b/frontend/public/js/main.js
@@ -27,5 +27,10 @@
             // prevent sending of the form
             return false;
         });
+
+        $('.drop-img').on('click', function(e) {
+            var $target = $(e.target);
+            $target.toggleClass('upsized');
+        });
     });
 })();