[BUGFIX] partly revert - improve news list accessibility (#343)

t3kit · Feb 16, 2018 · ed1b624 · ed1b624
1 parent a4286d0
commit ed1b624
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/Resources/Private/Extensions/News/Partials/List/SimpleList.html b/Resources/Private/Extensions/News/Partials/List/SimpleList.html
@@ -29,17 +29,13 @@
 					<n:link newsItem="{newsItem}" settings="{settings}" title="{f:translate(key:'news.more-link.linktext', extensionName:'Theme_t3kit')}{newsItem.title}">
 						<f:alias map="{mediaElement: '{newsItem.mediaPreviews.0}'}">
 							<f:if condition="{mediaElement.originalResource.type} == 2">
-								<div class="news-simple-list__media-preview">
-									<f:media file="{mediaElement}" width="170"/>
-								</div>
+								<div class="news-simple-list__media-preview"  style="background-image:url('{f:uri.image(src: mediaElement.uid, treatIdAsReference: 1)}');"></div>
 							</f:if>
 							<f:if condition="{mediaElement.originalResource.type} == 4">
 								<f:media file="{mediaElement}" additionalConfig="{loop: '0', autoplay: '0'}" />
 							</f:if>
 							<f:if condition="{mediaElement.originalResource.type} == 5">
-								<div class="news-simple-list__media-preview">
-									<f:media file="{mediaElement}" width="170"/>
-								</div>
+								<div class="news-simple-list__media-preview"  style="background-image:url('{f:uri.image(src: mediaElement.uid, treatIdAsReference: 1)}');"></div>
 							</f:if>
 						</f:alias>
 					</n:link>

diff --git a/felayout_t3kit/dev/styles/main/plugins/news/newsSimpleList.less b/felayout_t3kit/dev/styles/main/plugins/news/newsSimpleList.less
@@ -20,6 +20,7 @@
 .news-simple-list__media-preview {
     width: 100%;
     height: 100%;
+    position: absolute;
 }
 
 .news-simple-list__text {