[Backport] Use proper variables for tooltip styles on tablet devices #22367
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Original Pull Request
#22258
Description
There are variables available for tooltip customization. This commit fixes an issue
on tablet devices when trying to use them.
Fixed Issues (if relevant)
Manual testing scenarios (*)
Open Magento/blank/Magento_Checkout/web/css/source/module/checkout/_tooltip.less file and change the values of the tooltip variables as follows (Usually we do this via theme, but it's for testing purpose only):
@checkout-tooltip-content__background-color: #fff; @checkout-tooltip-content__border-color: #f2f5f7; @checkout-tooltip-content__active__border-color: @checkout-tooltip-content__border-color;
Navigate to checkout and chec the new styles of field tooltips
Set the width to 768px and check them again:
Contribution checklist (*)