Prestashop: Fixed a little css bug around .product-flags

[maofree]

Hi
if you pass the mouse over a product block when there are some flags on the image, it is not possible to click over the image.
It is due from this code in theme.css

.product-flags { width: 100%; }

to fix it it is necessary to use this code

.product-flags { width: auto; }

bye

Screenshots

Additional information
PrestaShop version: 1.7.6.0
PHP version: 7.0

[khouloudbelguith]

Hi @maofree,
Yes, I manage to reproduce the issue with PS1.7.6.0 & PS1.7.6.1build1.

if we pass the mouse over a product block when there are some flags on the image, it is not possible to click over the image.

https://drive.google.com/file/d/14Hg_LZpw3IkrGyP7u8QLb_0KbPnxqp9h/view
With PS1.7.5.2 => OK

if we pass the mouse over a product block when there are some flags on the image, it is possible to click over the image.

https://drive.google.com/file/d/1uR4mnX2d-rXb5aWkK_O_4VnCHGWYg1BB/view
I’ll add this to the debug roadmap so that it’s fixed. If you have already fixed it on your end or if you think you can do it, please do send us a pull request!
Thanks!

[ghost]

Thanks @maofree !

[ghost]

Be careful, this solution has an impact on "Web only" labels.

[colinegin]

Hello,

will this issue be fixed for 1.7.6.2 ?

Thanks !

[matks]

Hello,

will this issue be fixed for 1.7.6.2 ?

Thanks !

Work is ongoing on PR https://github.com/PrestaShop/PrestaShop/pull/15265 but if you wish to ship this in 1.7.6.2, I guess we can give a hand to @samuel-pires 😉

[ghost]

@matks yep please 🙏

We talked about it with @Progi1984 2 weeks ago. But not anymore since then.

[ghost]

I guess the best is to create a new PR and close mine

[Progi1984]

Sorry, I completly forgot. @matks As you want ;) I have some time for fixing this bug, if you want.

[matks]

Sorry, I completly forgot. @matks As you want ;) I have some time for fixing this bug, if you want.

As I am a very weak front developer, I will not be able to solve this bug 😅 so yes, if you can help, please do @Progi1984

[micka-fdz]

Hello, to properly fix this bug, you can add pointer-events: none; to .product-flags.
I did that on all my projects :)

[Progi1984]

Fixed by #15930