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

Remove PS UI kit and fix css issues #153

Merged
merged 8 commits into from
Jan 23, 2023
Merged

Remove PS UI kit and fix css issues #153

merged 8 commits into from
Jan 23, 2023

Conversation

anktd
Copy link
Contributor

@anktd anktd commented Aug 10, 2022

Continued from #151

We are currently using Prestashop UI Kit for our payment controller, which is causing JS console errors (as mentioned in #150) and some minor css issues on our checkout page, as can be seen below:

  • Header elements are not aligned properly.
  • Dropdown categories like "CLOTHES" and "ACCESSORIES" have un-readable color scheme.

css issues

After updating the UIKit to it's latest version resolves JS Console errors but these css issues on checkout still remain.
Prestashop Devdocs tell us that UIKit is needed for some components are not provided from Bootstrap. We are not using these custom components in our module.

Fix

We remove the UIKit files from our module and check all changes caused in checkout due to this, and fix them also. There are other issues that are not directly related to removal of UIKit but are addressed in this PR only as they relate to checkout css only.

Other changes addressed after removing UIKit:

  1. Fonts on the checkout page and select BTC /BCH page changes ✅ 05d8908 -> reverted in 7b8a3bf
  2. Typos in registering stylesheets in controller files ✅ 36593af
  3. Language Selector Dropdown automatically closes (this was an issue with ui kit as well) ✅ 6d0c983 - this was caused due to old version bootstrap js registered for checkout page here. As mentioned in PS dev docs that we need only set $this->bootstrap = true; in our module class, this we have already done here.

@anktd
Copy link
Contributor Author

anktd commented Aug 10, 2022

The first 2 commits belong the older PR #151 and they have already been reviewed.

Feedback for 8fb596d here: #151 (comment)

Feedback for 6338ac here: #151 (comment)

@anktd anktd changed the title [DRAFT] Remove PS UI kit and fix css issues Remove PS UI kit and fix css issues Aug 12, 2022
@DarrenWestwood
Copy link
Collaborator

The PR looks good and the changes are working correctly. Let's revert the changes in order.css as this file should not change between integrations and has been designed to inherit the themes font, colors etc.

@shivaenigma shivaenigma merged commit 33e496a into blockonomics:1.7 Jan 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants