From f3727c726a2c385ce7e22a72064aa12bc4216af7 Mon Sep 17 00:00:00 2001
From: CruiseDevice
Date: Fri, 2 Nov 2018 19:34:13 +0530
Subject: Fix show all boards images view in moderator

---
 sbhs/static/css/base.css                 | 30 ++++++++++++++++++++++++++++++
 sbhs/templates/dashboard/all_images.html | 18 ++++++++++--------
 sbhs/views.py                            |  2 +-
 3 files changed, 41 insertions(+), 9 deletions(-)

diff --git a/sbhs/static/css/base.css b/sbhs/static/css/base.css
index 6e356f7..4a5174c 100644
--- a/sbhs/static/css/base.css
+++ b/sbhs/static/css/base.css
@@ -33,3 +33,33 @@ html, body{
 	padding: 10px;
 	padding-bottom: 60px: 
 }
+.gallery{
+        -webkit-column-count: 3;
+        -moz-column-count: 3;
+        column-count: 3;
+        -webkit-column-width: 33%;
+        -moz-column-width: 33%;
+        column-width: 33%; }
+.gallery .pics {
+        -webkit-transition: all 350ms ease;
+        transition: all 350ms ease; }
+.gallery .animation {
+        -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+        transform: scale(1); }
+@media (max-width: 450px) {
+        .gallery {
+        -webkit-column-count: 1;
+        -moz-column-count: 1;
+        column-count: 1;
+        -webkit-column-width: 100%;
+        -moz-column-width: 100%;
+        column-width: 100%;
+        }
+}
+@media (max-width: 400px) {
+        .btn.filter {
+        padding-left: 1.1rem;
+        padding-right: 1.1rem;
+        }
+}
\ No newline at end of file
diff --git a/sbhs/templates/dashboard/all_images.html b/sbhs/templates/dashboard/all_images.html
index 8bc6e81..9d148a7 100644
--- a/sbhs/templates/dashboard/all_images.html
+++ b/sbhs/templates/dashboard/all_images.html
@@ -6,14 +6,16 @@
 {% block main %}
     <div class = "container">
         <div class = "row">
-            <table>
-            {% for board in image_links %}
-                <tr>
-                    <td>{{board.board.mid}}</td>
-                   <td><img src="{% static board.image_link %}"/></td>
-                </tr> 
-        {% endfor %}
-            </table>
+            <div class = "gallery" id = "gallery">
+                <div class = "mb-3 pics animation all 2">
+                    <div class = "thumbnail">
+                        {% for board in image_links %}
+                            {{board.borad.mid}}
+                            <img src="{% static board.image_link %}">
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
     </div>
   </div>
 <script type="text/javascript">
diff --git a/sbhs/views.py b/sbhs/views.py
index 530e692..c79728e 100644
--- a/sbhs/views.py
+++ b/sbhs/views.py
@@ -753,7 +753,7 @@ def all_images(request):
                 board_image_link["image_link"] = board.image_link()
             image_links.append(board_image_link.copy())
         context["image_links"] = image_links
-        return render(request,'dashboard/all_images.html')
+        return render(request,'dashboard/all_images.html', context)
 
 
 @login_required
-- 
cgit