Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Mobile] BO - List classic layouts is not responsive #26634

Open
2 tasks done
Tracked by #22358
hibatallahAouadni opened this issue Nov 16, 2021 · 1 comment
Open
2 tasks done
Tracked by #22358

[Mobile] BO - List classic layouts is not responsive #26634

hibatallahAouadni opened this issue Nov 16, 2021 · 1 comment
Labels
8.1.x Branch BO Category: Back Office Bug Type: Bug Email theme Label: Which BO under menu is concerned Front-end Category: Front end Hacktoberfest Identify Hacktoberfest contributions Needs Specs Status: issue needs to be specified Quickwin A relatively easy to do Responsive Trivial Severity: trivial bug > https://build.prestashop.com/news/severity-classification Verified The issue has been reproduced

Comments

@hibatallahAouadni
Copy link
Contributor

Prerequisites

Describe the bug and add screenshots

When you access to the List classic layouts or List modern layouts, on mobile, the table is displayed out of the card:

image

Expected behavior

the table is displayed in the card with overflow-x: auto;:

https://www.awesomescreenshot.com/video/6038010?key=fff472bc5944bae9745d793d943538c2

Steps to reproduce

  1. BO>IMPROVE>Design>Email Theme
  2. Scroll down to Email themes
  3. Click on the Loop of classic or modern
  4. See error > the table is not responsive

PrestaShop version(s) where the bug happened

1.7.7.8 & 1.7.8.0 & develop

PHP version(s) where the bug happened

7.2

If your bug is related to a module, specify its name and its version

No response

@hibatallahAouadni hibatallahAouadni added Bug Type: Bug 1.7.6.7 Affects versions BO Category: Back Office Email theme Label: Which BO under menu is concerned Front-end Category: Front end Needs Specs Status: issue needs to be specified Responsive Trivial Severity: trivial bug > https://build.prestashop.com/news/severity-classification Verified The issue has been reproduced labels Nov 16, 2021
@Hlavtox
Copy link
Contributor

Hlavtox commented Nov 16, 2021

@hibatallahAouadni All tables in BO need to be wrapped in table-responsive, until a mobile layout is implemented.

<div class="table-responsive-sm">
  <table class="table">
    ...
  </table>
</div>

@hibatallahAouadni hibatallahAouadni added Hacktoberfest Identify Hacktoberfest contributions 8.1.x Branch Quickwin A relatively easy to do and removed 1.7.6.7 Affects versions labels Sep 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
8.1.x Branch BO Category: Back Office Bug Type: Bug Email theme Label: Which BO under menu is concerned Front-end Category: Front end Hacktoberfest Identify Hacktoberfest contributions Needs Specs Status: issue needs to be specified Quickwin A relatively easy to do Responsive Trivial Severity: trivial bug > https://build.prestashop.com/news/severity-classification Verified The issue has been reproduced
Projects
None yet
Development

No branches or pull requests

2 participants