From 288c4955433e53e173dbd2679aa20f3c55803c77 Mon Sep 17 00:00:00 2001
From: dmh <dmytro.hrynevych@gmail.com>
Date: Fri, 16 Feb 2018 15:56:13 +0200
Subject: [PATCH] [BUGFIX] revert - news extension list view: update
 no-image-markup (#380)

---
 .../Extensions/News/Partials/List/SimpleList.html    | 12 ++++++------
 .../dev/styles/main/plugins/news/newsSimpleList.less | 10 +---------
 2 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/Resources/Private/Extensions/News/Partials/List/SimpleList.html b/Resources/Private/Extensions/News/Partials/List/SimpleList.html
index f8104241..8dc84d57 100644
--- a/Resources/Private/Extensions/News/Partials/List/SimpleList.html
+++ b/Resources/Private/Extensions/News/Partials/List/SimpleList.html
@@ -25,17 +25,17 @@
 		<f:if condition="{newsItem.mediaPreviews}">
 			<!-- media preview element -->
 			<f:then>
-				<div class="col-12 col-sm-3 news-simple-list__media-preview">
+					<div class="col-12 col-sm-3 news-simple-list__media-preview">
 					<n:link newsItem="{newsItem}" settings="{settings}" additionalAttributes="{aria-label: '{f:translate(key:\'news.more-link.linktext\', extensionName:\'Theme_t3kit\')}{newsItem.title}'}" 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">
-								<f:media file="{mediaElement}" width="270"/>
+									<f:media file="{mediaElement}" width="270"/>
 							</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">
-								<f:media file="{mediaElement}" width="270"/>
+									<f:media file="{mediaElement}" width="270"/>
 							</f:if>
 						</f:alias>
 					</n:link>
@@ -44,9 +44,9 @@
 			<f:else>
 				<f:if condition="{settings.displayDummyIfNoMedia}">
 					<div class="news-simple-list__img-wrap col-12 col-sm-3">
-						<n:link class="no-media-element" newsItem="{newsItem}" settings="{settings}" title="{f:translate(key:'news.more-link.linktext', extensionName:'Theme_t3kit')}{newsItem.title}">
-							<f:image src="{settings.list.media.dummyImage}" additionalAttributes="{role: 'presentation'}" class="img-responsive" title="" alt="" maxWidth="270"/>
-						</n:link>
+						<div class="no-media-element">
+							<div class="news-simple-list__media-preview"  style="background-image:url('{f:uri.image(src: settings.list.media.dummyImage, treatIdAsReference: 1)}');"></div>
+						</div>
 					</div>
 				</f:if>
 			</f:else>
diff --git a/felayout_t3kit/dev/styles/main/plugins/news/newsSimpleList.less b/felayout_t3kit/dev/styles/main/plugins/news/newsSimpleList.less
index 6bf5c8da..5fab8e9e 100644
--- a/felayout_t3kit/dev/styles/main/plugins/news/newsSimpleList.less
+++ b/felayout_t3kit/dev/styles/main/plugins/news/newsSimpleList.less
@@ -5,9 +5,8 @@
     flex-direction: column;
     min-height: 266px;
 
-    img {
+    .img-responsive {
         margin-bottom: 15px;
-        max-width: 100%;
     }
 
     a {
@@ -15,13 +14,6 @@
     }
 }
 
-// max-width:100% is not working in IE so we can set the image width to 100% here
-.IE {
-    .news-simple-list__item img {
-        width: 100%;
-    }
-}
-
 // use custom width instead of bootstrap media query;
 // evaluated by testing the ideal value
 @media (min-width: 540px) {