github-mirrors/pf2015
1
0
Fork 0
mirror of https://github.com/ysoftdevs/pf2015.git synced 2026-04-05 08:37:17 +02:00
Code Issues 1 Packages Projects Releases Wiki Activity

fix card image scaling problem

Browse Source
This commit is contained in:
Juraj Michalek
2014-12-28 09:14:36 +00:00
parent 7eb7cc83ad
commit aa9bff09b6
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
css/flippy.css
View File

@@ -72,8 +72,16 @@ flippy.fancy {
height: 150px; height: 150px;
} }
flippy.fancy img { flippy.fancy img {
width:auto;
max-width:100%;
height:auto;
max-height:100%;
vertical-align: middle;
}
.cardHelper {
display: inline-block;
height: 100%; height: 100%;
width: 100%; vertical-align: middle;
} }
flippy.fancy flippy-front { flippy.fancy flippy-front {
float: none; float: none;

2
index.html
View File

@@ -56,7 +56,7 @@
</flippy-front> </flippy-front>
<flippy-back> <flippy-back>
<img ng-src="img/cards/{{card.cardId}}.png" ng-show="card.cardType == 'picture'"> <span class="cardHelper"></span><img ng-src="img/cards/{{card.cardId}}.png" ng-show="card.cardType == 'picture'"></span>
<div ng-hide="card.cardType == 'picture'">{{card.card['en-US']}}</div> <div ng-hide="card.cardType == 'picture'">{{card.card['en-US']}}</div>
</flippy-back> </flippy-back>