From 81a00c55d0f9d84f9559f3132227d51d38dd2a71 Mon Sep 17 00:00:00 2001
From: OldHawk <taobataoma@gmail.com>
Date: Fri, 25 May 2018 03:37:53 +0800
Subject: [PATCH] fix(core): torrent top item css of list page

---
 modules/core/client/less/mt.less                | 17 ++++++++++-------
 .../client/views/list-torrents.client.view.html | 12 +++++++-----
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/modules/core/client/less/mt.less b/modules/core/client/less/mt.less
index 800198f3..3bbca75f 100644
--- a/modules/core/client/less/mt.less
+++ b/modules/core/client/less/mt.less
@@ -365,15 +365,14 @@ body {
                 display: inline-block;
             }
         }
-        img {
-            opacity: 1;
+        .torrent-logo {
+            /* csslint ignore:start */
+            transform: scale(1.2);
+            /* csslint ignore:end */
         }
         .music {
             opacity: 1;
         }
-        .torrent-logo {
-            opacity: 1;
-        }
         .top-status-icon {
             background-color: @mt-base-color;
             background-color: rgba(255, 102, 0, 1);
@@ -395,7 +394,6 @@ body {
         }
     }
     img {
-        opacity: 0.8;
         min-height: 200px;
     }
     .caption {
@@ -434,7 +432,12 @@ body {
         border-radius: 4px;
     }
     .torrent-logo {
-        opacity: 0.8;
+        transition-property: transform;
+        transition-duration: .5s;
+        transition-timing-function: ease;
+    }
+    .log-parent {
+        overflow: hidden;
     }
 }
 
diff --git a/modules/torrents/client/views/list-torrents.client.view.html b/modules/torrents/client/views/list-torrents.client.view.html
index 5416b2ea..09522d50 100644
--- a/modules/torrents/client/views/list-torrents.client.view.html
+++ b/modules/torrents/client/views/list-torrents.client.view.html
@@ -6,11 +6,13 @@
             <div data-ng-if="$index != 0 && $index % 6 == 0" class="clearfix visible-md-block visible-lg-block"></div>
             <div class="col-xs-6 col-sm-4 col-md-2 col-small-padding">
                 <div class="thumbnail torrent-post-info" ng-click="vm.TGI.openTorrentDetailInfo(item._id);">
-                    <div class="torrent-logo">
-                        <img class="img-responsive" torrent-logo="item"
-                             ng-src="{{vm.TGI.getTorrentListTopImage(item)}}"
-                             alt="{{vm.TGI.getTorrentTitle(item)}}"
-                             title="{{vm.TGI.getTorrentTitle(item)}}">
+                    <div class="log-parent">
+                        <div class="torrent-logo">
+                            <img class="img-responsive" torrent-logo="item"
+                                 ng-src="{{vm.TGI.getTorrentListTopImage(item)}}"
+                                 alt="{{vm.TGI.getTorrentTitle(item)}}"
+                                 title="{{vm.TGI.getTorrentTitle(item)}}">
+                        </div>
                     </div>
 
                     <div class="torrent-user-info">