Bug Image re-sizing?

[Nix]

So i purchased vBArcade yesterday and got it set up and installed a couple of games as you do. I tested these games too to make sure everything was working. I achieved a highscore in two games and they appear on the Portal for the Arcade. However, the icons for them have resized horribly wrong as you can see from the screenshot below.

How do i got about fixing this?

Thanks in advance.

 

[Darkwaltz4]

what browser are you using?

 

[Nix]

Mozilla Firefox 8.

Tried it in Google Chrome and Internet Explorer 9 but still the same issue. I also got a few users to try and they reported the same issue.

 

[Darkwaltz4]

Sounds like you have some style css that is affecting the arcade images, otherwise it would generally only affect one browser. Not to mention I developed it in firefox, and would have noticed it

Can you get me an admin login that case access to the arcade, and ill examine it in firebug

 

[Nix]

PM'd you the details.

 

[Darkwaltz4]

Your lightweight style options addon is modifying the output of the templates.

One of the things it seems to be doing is extracting the sizes of the images and adding those attributes to the image tags.
When there is no "icon" version of the game's image, vBArcade resizes the big one on the html page by limiting it to 20px wide, allowing the browser to scale the height (since its not always a square). Having the actual image size included causes the scaling to be canceled, resulting in the full height and thus the distortion.

This is not a bug with vbarcade, but rather something that the developer of that addon/style should really have considered before making it do that.
I dont know what the benefit is for including the image size as part of the output to begin with, and it would definitely affect more addons than just vBArcade.

Your options seem to be... bringing this to their attention to fix/make optional; editing your own icon-sized images for each game that is lacking one (most of the mochi games); or editing one or more vbarcade templates to include height-limiting css, or remove the icons from display entirely (makes upgrades difficult if those templates change). Let me know what you want to do, and I can guide you with it.

---------- Post added at 16:10 ---------- Previous post was at 15:23 ----------

After some further research, i think i can just amend this with this small patch:

in the dbtech_vbarcade_headinclude template, find twice

max-width:

add above both

height: auto;

should be good

 

[Nix]

Yep, that template edit seems to have done the trick. Thank you very much for your help.

Just one question though. If for example a new version of vBArcade is released, when i upgrade will i need to amend the templates again?

 

[Darkwaltz4]

The next version includes this fix, so you might just need to revert the template edit and it would be set going forward.

 

[Nix]

Ah perfect. Thanks again for your help!