I don't usually restock much but in the past week I have been doing more and noticed that the item images are slightly out of focus. When I looked closer I realised they aren't full size (i.e. they are smaller).
I don't know how people who rs lots cope with this because it is giving me a headache and I don't rs much ^_^;
Surely this is some kind of bug and I hope it's not deliberate.
[IMG]http://i162.photobucket.com/albums/t256/lullsub/screen%20shot/shopitems_zpsi2nytkzm.jpg[/IMG]
I'm a bit confused what you're referring to. Could you please take a screenshot of how it looks for you? Are the items showing up larger or smaller?
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
- Sorry if it was confusing. They aren't full size. I've added a screenshot and an item so you can see the difference.
Thank you. I see what the problem is.
Both elements are given a width of 64 x 64 in the CSS. This bug is caused by having box-sizing: border-box on the element. This means that the image + padding + border are 64 x 64.
In the item you posted, there's no padding or border, so the image takes up 64 x 64. However, in the shop, there is 3px padding and 1px border, meaning the image itself only takes up about 56 x 56 pixels, resulting in the smaller images you are noticing here.
Pinging and - you guys can fix this by removing the box-sizing:border-box or accounting for the padding and border widths when setting the width of the element.
A temporary customCSS fix you could use is to set the box-sizing to content-box on the shop item images:
input.ui.image { box-sizing: content-box !important; }
Haven't tested that though so lemme know if it doesn't work. Hope this helps.
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
- I wondered if the edging might have something to do with it but I'm not very code savvy ^_^;
Thank you for the code I shall give it a bash ;)
No problem.
At times like these I kinda wish Keith were hiring programmers. I know he and grelca are both awesome coders, but they're still only two people, and I feel that I could help them with the sheer quantity of code they have to deal with. Even if it's just fixing the tiny UI bugs around the site so that they can focus on more complex things (like survival!)
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
- Worked perfectly. I hate to use custom css because I feel like I shouldn't need it to play here -_-; That bit is staying now though ;)
Not an easy situation. Hopefully they will do some hiring soon (crosses-fingers). In the meantime... thank you ^_^