diff --git a/public/css/inventory.styl b/public/css/inventory.styl index 468a9d15db..08cceeab57 100644 --- a/public/css/inventory.styl +++ b/public/css/inventory.styl @@ -111,6 +111,10 @@ menu.pets .customize-menu .PixelPaw margin-top: 36px // align paw with pets, at the bottom of the button +// styles for pets that have been fed until they evolve into a mount +.pet-evolved + opacity: 0.1 + .selectableInventory background-color: lightgreen !important border-radius: 50% diff --git a/views/options/inventory/stable.jade b/views/options/inventory/stable.jade index d228ece0f2..ee38d05564 100644 --- a/views/options/inventory/stable.jade +++ b/views/options/inventory/stable.jade @@ -58,9 +58,7 @@ script(type='text/ng-template', id='partials/options.inventory.pets.html') .progress-bar.progress-bar-success(style="width:{{user.items.pets[pet]/.5}}%") button(class="pet-button pet-not-owned", ng-if='!user.items.pets[pet]') .PixelPaw - // How to apply this style in stylus files? - button(class="pet-button Pet-{{pet}}" ng-if='user.items.pets[pet]<0',style='opacity:0.1;filter:alpha(opacity=10)') - //if this could be changed to the opacity talked about? can't figure it out + button(class="pet-evolved pet-button Pet-{{pet}}", ng-if='user.items.pets[pet]<0') .col-md-12 h4=env.t('questPets') menu.pets(type='list') @@ -72,7 +70,7 @@ script(type='text/ng-template', id='partials/options.inventory.pets.html') .progress-bar.progress-bar-success(style="width:{{user.items.pets[pet]/.5}}%") button(class="pet-button pet-not-owned", ng-if='!user.items.pets[pet]') .PixelPaw - button(class="pet-button Pet-{{pet}}" ng-if='user.items.pets[pet]<0',style='opacity:0.1;filter:alpha(opacity=10)') + button(class="pet-evolved pet-button Pet-{{pet}}", ng-if='user.items.pets[pet]<0') .col-md-12 h4=env.t('rarePets')