calcms.css: icons and image settings

website/agenda/css/calcms.css

@@ -216,10 +216,18 @@ a.load-prev, a.load-next{
     font-weight: bold;
 }
 
+#calcms_list .icon {
+    width:20%;
+    padding: 1rem;
+    text-align: center;
+    text-align:left;
+}
+
 #calcms_list .time {
     width: 5%;
     min-width: 5rem;
     padding: 1rem;
+    padding-left: 0.5rem;
     padding-right: 0;
     text-align: center;
     font-size: 1.1rem;
@@ -299,6 +307,10 @@ a.load-prev, a.load-next{
         width: 0;
         display: none;
     }
+    #calcms_list .icon {
+        width: 0;
+        display: none;
+    }
 }
 
 #calcms_list .event.running:hover {
@@ -325,10 +337,16 @@ a.load-prev, a.load-next{
     border: 0;
 }
 
+#calcms_list .icon img {
+    width:100%;
+    height:auto;
+}
+
 #calcms_list .content figure {
     float: right;
-    margin-left: 1em;
-    margin-bottom: 20px;
+    margin: 3vw;
+    width:33%;
+    display:inline-block;
 }
 
 #calcms_list .content figcaption {

website/agenda/js/calcms.cust.js

@@ -83,7 +83,6 @@ var calcms_settings = new Array();
         calcms.set('comments_url', '/agenda/kommentare/');
         calcms.set('add_comment_url', '/agenda/kommentar_neu/');
         calcms.set('newest_comments_url', '/agenda/neueste_kommentare/');
-
         return true;
     }
 

website/agenda/planung/css/default.css

@@ -690,3 +690,7 @@ ul.tabContainer li:last-child{
     vertical-align:middle;
     display:inline;
 }
+
+.right{
+    margin-left:auto;
+}

website/agenda/templates/event_list.html

@@ -41,6 +41,17 @@
             </TMPL_UNLESS>
         </span>
         <span class="location"><TMPL_VAR location_mapped></span>
+        <span class="icon">
+            <TMPL_IF .hide_event_images>
+                <TMPL_IF series_thumb_url>
+                    <img src="<TMPL_VAR series_thumb_url>" title="<TMPL_VAR series_image_label>" onerror="if(!this.src.match(/not-found/))this.src='<TMPL_VAR icon_url>/../not-found.svg'">
+                </TMPL_IF>
+            <TMPL_ELSE>
+                <TMPL_IF icon_url>
+                    <img src="<TMPL_VAR thumb_url>" title="<TMPL_VAR image_label>" onerror="if(!this.src.match(/not-found/))this.src='<TMPL_VAR icon_url>/../not-found.svg'">
+                </TMPL_IF>
+            </TMPL_IF>
+        </span>
     </div>
 </TMPL_IF>
 </TMPL_LOOP>