[#2011] Click on image opens full size image

akvo · Mar 30, 2016 · 408318c · 408318c
1 parent 1c9b840
commit 408318c
Show file tree

Hide file tree

Showing 6 changed files with 189 additions and 144 deletions.
diff --git a/akvo/rsr/static/scripts-src/my-results.js b/akvo/rsr/static/scripts-src/my-results.js
diff --git a/akvo/rsr/static/scripts-src/my-results.jsx b/akvo/rsr/static/scripts-src/my-results.jsx
diff --git a/akvo/rsr/static/styles-src/main.css b/akvo/rsr/static/styles-src/main.css
@@ -2851,6 +2851,19 @@ label.imageUpload input[type="file"], label.fileUpload input[type="file"] {
           color: #d9534f; }
         .update-container .update-entry-container .update-entry-container-header .update-status.approved {
           color: #5cb85c; }
+    .update-container .update-entry-container .image-container {
+      position: relative; }
+      .update-container .update-entry-container .image-container .image-overlay {
+        display: none;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%; }
+      .update-container .update-entry-container .image-container:hover .image-overlay {
+        display: block;
+        background: rgba(255, 255, 255, 0.5);
+        color: #d9534f; }
     .update-container .update-entry-container .comments .input-group {
       margin-top: 20px;
       /* button {

diff --git a/akvo/rsr/static/styles-src/main.scss b/akvo/rsr/static/styles-src/main.scss
@@ -3719,6 +3719,22 @@ label.fileUpload {
                 }
             }
         }
+        .image-container {
+            position: relative;
+            .image-overlay {
+                display: none;
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+            }
+            &:hover .image-overlay {
+                display: block;
+                background: rgba(255, 255, 255, .5);
+                color: $progressWarning;
+            }
+        }
         .comments {
             .input-group {
                 margin-top: 20px;

diff --git a/akvo/templates/myrsr/my_results.html b/akvo/templates/myrsr/my_results.html
@@ -131,6 +131,7 @@ <h4 class="resultProjectTitle">
             "no": "{% trans 'No' %}",
             "add_image": "{% trans 'Add image' %}",
             "change_image": "{% trans 'Change image' %}",
+            "remove_image": "{% trans 'Click to remove image' %}",
             "attach_file": "{% trans 'Attach file' %}",
             "unknown_date": "{% trans 'Unknown date' %}",
             "comment": "{% trans 'Comment' %}",

diff --git a/akvo/templates/project_main.html b/akvo/templates/project_main.html
@@ -188,6 +188,7 @@
                 "no": "{% trans 'No' %}",
                 "add_image": "{% trans 'Add image' %}",
                 "change_image": "{% trans 'Change image' %}",
+                "remove_image": "{% trans 'Click to remove image' %}",
                 "attach_file": "{% trans 'Attach file' %}",
                 "unknown_date": "{% trans 'Unknown date' %}",
                 "comment": "{% trans 'Comment' %}",