Prestashop: [Classic theme] Faceted search module design issue on mobile device

[dineshbadrukhiya]

Describe the bug
Design improvement required on mobile device for category page filter options.

Screenshots

To fix:
Go to: /var/www/html/practice/testshop1/modules/ps_facetedsearch/views/dist/font.css
Remove below style at line 124:
width: calc(100% - 30px);

Additionnal information
PrestaShop version: 1.7.6 RC1

[khouloudbelguith]

Hi @dineshbadrukhiya,

Thanks for your report.
Ping @PierreRambaud what do you think of his suggestion?

Thanks!

[PrestaShark]

https://github.com/PrestaShop/classic-rocket/issues/55

[PierreRambaud]

@khouloudbelguith I'm not the one who chose what should be done with design :smile_cat:
PIng @TristanLDD @colinegin

[colinegin]

Hello @dineshbadrukhiya , can you tell us what is the difference with this issue : https://github.com/PrestaShop/PrestaShop/issues/14377 ?

[dineshbadrukhiya]

@colinegin collapse icon and facet title are not aligned.

[Hlavtox]

Happens to me also. iOS 12.3.1 Safari.

• Price slider is initially displayed, when it should be hidden.
• Arrows are badly displayed
• Labels next to checkboxes are off after expanding.

14377 is also connected to this.

[TristanLDD]

Hi! Here are the design specs to fix the display on mobile:

[PierreRambaud]

I create https://github.com/PrestaShop/ps_facetedsearch/pull/118 for collapse and buttons' alignements. But I think therest need to be done in the classic theme.
Wdyt @PrestaShop/prestashop-core-developers?

[PierreRambaud]

@marionf More things need to be done in the classic theme now :/

[colinegin]

@PierreRambaud is there an issue stating what's left to be done in the classic theme to close this issue ? Maybe @NeOMakinG could work on it :)

[PierreRambaud]

@colinegin there is only this issue. Only the collapse and buttons alignments have been done.