[BUGFIX] news simple list, fix image scaling (#243)

t3kit · Jul 4, 2017 · 47a4f42 · 47a4f42
1 parent 28a32e0
commit 47a4f42
Showing 1 changed file with 19 additions and 3 deletions.
diff --git a/felayout_t3kit/dev/styles/main/plugins/news/newsSimpleList.less b/felayout_t3kit/dev/styles/main/plugins/news/newsSimpleList.less
@@ -1,8 +1,25 @@
 .news-simple-list__img-wrap {
     margin-right: 20px;
     overflow: hidden;
-    height: 200px;
     width: 100%;
+    position: relative;
+
+    &:after {
+        content: '';
+        display: block;
+        margin-bottom: 69.2%;
+    }
+}
+
+.news-simple-list__img-wrap a {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.news-simple-list__media-preview {
+    width: 100%;
+    height: 100%;
 }
 
 .news-simple-list__text {
@@ -20,7 +37,6 @@
 .news-simple-list__media-preview {
     background-size: cover;
     background-position: 50% 50%;
-    height: 200px;
     background-repeat: no-repeat;
 }
 
@@ -35,7 +51,7 @@
 @media (min-width: 768px) {
     .news-simple-list__img-wrap {
         float: left;
-        width: 225px;
+        width: 290px;
     }
 
     .news-simple-list__text {