From 8cd79711241a1a6a6c624a888346dc2785b31a56 Mon Sep 17 00:00:00 2001
From: Johannes Kreiner <jkreiner@hotmail.de>
Date: Thu, 29 Jun 2017 17:08:43 +0200
Subject: [PATCH] [TASK] Wrap sg-youtube-items in li tags for easier styling
---
.../Private/Templates/Youtube/Index.html | 42 +++++++++----------
1 file changed, 21 insertions(+), 21 deletions(-)
diff --git a/Resources/Private/Templates/Youtube/Index.html b/Resources/Private/Templates/Youtube/Index.html
index 35d6def..8e968a5 100644
--- a/Resources/Private/Templates/Youtube/Index.html
+++ b/Resources/Private/Templates/Youtube/Index.html
@@ -1,27 +1,27 @@
<f:layout name="Default" />
<f:section name="main">
- <div class="sg-youtube">
+ <ul class="sg-youtube">
<f:for each="{feed}" as="feedItem">
- <a class="sg-youtube-item" href="{feedItem.url}">
- <f:if condition="{feedItem.thumbnail}">
- <div class="sg-youtube-image">
- <img src="{feedItem.thumbnail}" />
- </div>
- </f:if>
- <f:if condition="{feedItem.title}">
- <div class="sg-youtube-title">
- <h4 class="h4">
- {feedItem.title}
- </h4>
- </div>
- </f:if>
- <f:if condition="{feedItem.description}">
- <div class="sg-youtube-text">
- <f:format.crop maxCharacters="200">{feedItem.description}</f:format.crop>
- </div>
- </f:if>
- </a>
+ <li class="sg-youtube-item-container">
+ <a class="sg-youtube-item" href="{feedItem.url}">
+ <f:if condition="{feedItem.thumbnail}">
+ <div class="sg-youtube-image" style="background-image: url('{feedItem.thumbnail}');"></div>
+ </f:if>
+ <f:if condition="{feedItem.title}">
+ <div class="sg-youtube-title">
+ <h4 class="h4">
+ {feedItem.title}
+ </h4>
+ </div>
+ </f:if>
+ <f:if condition="{feedItem.description}">
+ <div class="sg-youtube-text">
+ <f:format.crop maxCharacters="200">{feedItem.description}</f:format.crop>
+ </div>
+ </f:if>
+ </a>
+ </li>
</f:for>
- </div>
+ </ul>
</f:section>
--
GitLab