Skip to content

CSS issue fixed for Orders & Returns widget #37735

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.

Sign up for GitHub

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

Jump to bottom
Open
wants to merge 7 commits into
base: 2.4-develop
Choose a base branch
from
Open

CSS issue fixed for Orders & Returns widget #37735

wants to merge 7 commits into from

Conversation

Vikaashkarthick-K
Copy link

@Vikaashkarthick-K Vikaashkarthick-K commented Jul 7, 2023 •
edited
Loading

Description : The Orders & Returns widget is getting overlapped in the frontend.

Fixed Issue :

  1. Fixes The CSS used for the "Order and Return" widget is incorrect and due to that widget fields are hidden behind the products on frontend #35806

Manual testing scenarios :

Steps to reproduce

  1. Navigate to the admin panel
  2. Go to Content -> Elements -> Widgets and click on "Add Widget" button to create new widget
  3. In the Settings -> Select Widgets Type "Orders and Returns" and Design Theme to "Magento Luma" or "Magento Blank"
  4. Save information like "Widget Title", "Assign to Store Views" and "Layout Updates"
  5. Select "Layout Updates" to display the widget on the frontend of categories in the sidebar
  6. Clean cache and check the frontend

Changed the following CSS stylings to make the widget align properly in the listed two files:

  1. app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less
  2. app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less

Changes made :

.form.form-orders-search { width: 100%; }

Contribution checklist (*)

  • Pull request has a meaningful description of its purpose
  • All commits are accompanied by meaningful commit messages
  • All new or changed code is covered with unit/integration tests (if applicable)
  • README.md files for modified modules are updated and included in the pull request if any README.md predefined sections require an update
  • All automated tests passed successfully (all builds are green)

@m2-assistant
Copy link

m2-assistant bot commented Jul 7, 2023

Hi @Vikaashkarthick-K. Thank you for your contribution!
Here are some useful tips on how you can test your changes using Magento test environment.

Add the comment under your pull request to deploy test or vanilla Magento instance:
  • @magento give me test instance - deploy test instance based on PR changes
  • @magento give me 2.4-develop instance - deploy vanilla Magento instance

❗ Automated tests can be triggered manually with an appropriate comment:

  • @magento run all tests - run or re-run all required tests against the PR changes
  • @magento run <test-build(s)> - run or re-run specific test build(s)
    For example: @magento run Unit Tests

<test-build(s)> is a comma-separated list of build names.

Allowed build names are:
  1. Database Compare
  2. Functional Tests CE
  3. Functional Tests EE
  4. Functional Tests B2B
  5. Integration Tests
  6. Magento Health Index
  7. Sample Data Tests CE
  8. Sample Data Tests EE
  9. Sample Data Tests B2B
  10. Static Tests
  11. Unit Tests
  12. WebAPI Tests
  13. Semantic Version Checker

You can find more information about the builds here
ℹ️ Run only required test builds during development. Run all test builds before sending your pull request for review.

For more details, review the Code Contributions documentation.
Join Magento Community Engineering Slack and ask your questions in #github channel.

@m2-community-project m2-community-project bot added Priority: P3 May be fixed according to the position in the backlog. Progress: pending review labels Jul 7, 2023
@sidolov sidolov closed this Jul 18, 2023
@sidolov sidolov reopened this Jul 18, 2023
@hostep hostep mentioned this pull request Jul 19, 2023
Closed
@Vikaashkarthick-K
Copy link
Author

@magento run all tests

@magento-automated-testing
Copy link

The requested builds are added to the queue. You should be able to see them here within a few minutes. Please message the #magento-devops slack channel if they don't show in a reasonable amount of time and a representative will look into any issues.

@Vikaashkarthick-K
Copy link
Author

@magento run all tests

@magento-automated-testing
Copy link

The requested builds are added to the queue. You should be able to see them here within a few minutes. Please message the #magento-devops slack channel if they don't show in a reasonable amount of time and a representative will look into any issues.

@Vikaashkarthick-K
Copy link
Author

@magento run all tests

@magento-automated-testing
Copy link

The requested builds are added to the queue. You should be able to see them here within a few minutes. Please message the #magento-devops slack channel if they don't show in a reasonable amount of time and a representative will look into any issues.

@Vikaashkarthick-K
Copy link
Author

@magento run all tests

@magento-automated-testing
Copy link

The requested builds are added to the queue. You should be able to see them here within a few minutes. Please message the #magento-devops slack channel if they don't show in a reasonable amount of time and a representative will look into any issues.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
Priority: P3 May be fixed according to the position in the backlog. Progress: pending review
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

The CSS used for the "Order and Return" widget is incorrect and due to that widget fields are hidden behind the products on frontend
2 participants
@Vikaashkarthick-K @sidolov