fix(core): torrent top item css of list page

This commit is contained in:
OldHawk
2018-05-25 03:37:53 +08:00
parent cf700747cc
commit 81a00c55d0
2 changed files with 17 additions and 12 deletions

View File

@@ -365,15 +365,14 @@ body {
display: inline-block; display: inline-block;
} }
} }
img { .torrent-logo {
opacity: 1; /* csslint ignore:start */
transform: scale(1.2);
/* csslint ignore:end */
} }
.music { .music {
opacity: 1; opacity: 1;
} }
.torrent-logo {
opacity: 1;
}
.top-status-icon { .top-status-icon {
background-color: @mt-base-color; background-color: @mt-base-color;
background-color: rgba(255, 102, 0, 1); background-color: rgba(255, 102, 0, 1);
@@ -395,7 +394,6 @@ body {
} }
} }
img { img {
opacity: 0.8;
min-height: 200px; min-height: 200px;
} }
.caption { .caption {
@@ -434,7 +432,12 @@ body {
border-radius: 4px; border-radius: 4px;
} }
.torrent-logo { .torrent-logo {
opacity: 0.8; transition-property: transform;
transition-duration: .5s;
transition-timing-function: ease;
}
.log-parent {
overflow: hidden;
} }
} }

View File

@@ -6,11 +6,13 @@
<div data-ng-if="$index != 0 && $index % 6 == 0" class="clearfix visible-md-block visible-lg-block"></div> <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="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="thumbnail torrent-post-info" ng-click="vm.TGI.openTorrentDetailInfo(item._id);">
<div class="torrent-logo"> <div class="log-parent">
<img class="img-responsive" torrent-logo="item" <div class="torrent-logo">
ng-src="{{vm.TGI.getTorrentListTopImage(item)}}" <img class="img-responsive" torrent-logo="item"
alt="{{vm.TGI.getTorrentTitle(item)}}" ng-src="{{vm.TGI.getTorrentListTopImage(item)}}"
title="{{vm.TGI.getTorrentTitle(item)}}"> alt="{{vm.TGI.getTorrentTitle(item)}}"
title="{{vm.TGI.getTorrentTitle(item)}}">
</div>
</div> </div>
<div class="torrent-user-info"> <div class="torrent-user-info">