From f0a10a321316475fd05e2ee3a40e35c57b66b0a7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Sat, 31 Dec 2016 06:08:08 +0100
Subject: display certain types as lists of images

---
 themes/okadmin/public/css/main.css    | 9 +++++++++
 themes/okadmin/templates/index.liquid | 3 +--
 2 files changed, 10 insertions(+), 2 deletions(-)

(limited to 'themes')

diff --git a/themes/okadmin/public/css/main.css b/themes/okadmin/public/css/main.css
index 3aec0ac..354c46c 100644
--- a/themes/okadmin/public/css/main.css
+++ b/themes/okadmin/public/css/main.css
@@ -34,6 +34,15 @@ a {}
     cursor: pointer;
 }
 
+.main.index .resource-list a div.image {
+    width: 20vw;
+    height: 16vw;
+    margin: 10px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
 .main.index .resource-list a:before {
     counter-increment: start;
     content: counter(start, decimal-leading-zero) ".\00a0\00a0";
diff --git a/themes/okadmin/templates/index.liquid b/themes/okadmin/templates/index.liquid
index d47eb2e..c73feda 100644
--- a/themes/okadmin/templates/index.liquid
+++ b/themes/okadmin/templates/index.liquid
@@ -55,7 +55,7 @@
               {% for data in resource.data %}
                 <a href="{{resource.type}}/{{data.id}}/" {% if data.disabled %}class="disabled"{% endif %}>
                   {% if resource.display == 'image' %}
-                    <div class="image" style="background-image:url('{{data.title}}')"></div>
+                    <div class="image" style="background-image:url('{{data.image.uri}}')"></div>
                   {% else %}
                     {{data.title}}
                   {% endif %}
@@ -65,7 +65,6 @@
               {% endfor %}
             </ol>
           {% endif %}
-        {% endif %}
           <footer>
             <nav>
               <a class="btn cancel-btn" href="#">cancel</a>
-- 
cgit v1.2.3-70-g09d2