mounts are wider than pets and the empty paw prints in the mount view are smaller than the mounts that have been found. This makes the grid view uneven. Adjusted the css so that the mounts and paw prints are aligned.

This commit is contained in:
Joy Clark 2015-04-24 19:56:26 +02:00
parent bbc9a75d49
commit 0aff0b0f22
2 changed files with 7 additions and 1 deletions

View file

@ -110,6 +110,12 @@ menu.pets .customize-menu
-o-filter: brightness(0%)
-ms-filter: brightness(0%)*/
.PixelPaw
margin-top: 36px // align paw with pets, at the bottom of the button
.mount-not-owned
width: 104px;
height: 99px;
.PixelPaw
margin-top: 36px // align paw with pets, at the bottom of the button

View file

@ -24,7 +24,7 @@ mixin mountList(source)
div(popover-trigger='mouseenter', popover=env.t('mountName', {potion: potion.text(env.language.code), mount: egg.mountText(env.language.code)}), popover-placement='bottom')
button(class="pet-button Mount_Head_#{mount}", ng-show='user.items.mounts["#{mount}"]', ng-class='{active: user.items.currentMount == "#{mount}"}', ng-click='chooseMount("#{egg.key}", "#{potion.key}")')
//div(class='Mount_Head_{{mount}}')
button(class="pet-button pet-not-owned", ng-hide='user.items.mounts["#{mount}"]')
button(class="pet-button mount-not-owned", ng-hide='user.items.mounts["#{mount}"]')
.PixelPaw
-}