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

Fixed sort dropdown styles #715

Closed
wants to merge 1 commit into from
Closed

Conversation

drpayyne
Copy link
Contributor

Description

  • Added !important to dropdown arrow background as the default background has the !important already (reference) which is overriding our custom dropdown style
  • Added extra padding to the right and increased container size by one point to accomodate extra padding. This doesn't lead to any visible container reorganization. Just extra padding

Fixed Issues

Manual testing scenarios

  1. Open Adobe Stock panel
  2. Verify sort options text don't overflow for all options and the background for the dropdown arrow is transparent with just an arrow (reference image)

Copy link
Member

@sivaschenko sivaschenko left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @drpayyne thanks for the pull request! Please take a look at my review comment

@@ -97,8 +97,8 @@

select {
border: none;
background-image: url(../images/arrows-bg.svg);
padding-right: 2.2rem;
background-image: url(../images/arrows-bg.svg) !important;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can the desired appearance be achieved without !important notation?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't think so, since:

Added !important to dropdown arrow background as the default background has the !important already (reference) which is overriding our custom dropdown style

Copy link
Member

@sivaschenko sivaschenko Nov 17, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hm, that is a defect in my opinion. Would you be able to revert the PR that introduce that commit for magento2 (magento/magento2#25022)? (one that PR will be merged magento/magento2#24840 should be reopened)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Alright, I will do that and then fix this after. Thanks!

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great, thank you!

@sivaschenko
Copy link
Member

Depends on magento/magento2#25629

@drpayyne
Copy link
Contributor Author

Hi @sivaschenko, I just tested the Magento instance with this PR revert: magento/magento2#25629 and turns out we don't need any extra code. There was already some code written by you here: https://github.com/magento/adobe-stock-integration/blob/develop/AdobeStockImageAdminUi/view/adminhtml/web/css/source/_module.less#L99 which does the necessary styling. I think we can close this PR once you can test it too and verify, and close the issue once the PR revert in magento2 repository is merged. Thanks!

@sivaschenko
Copy link
Member

@drpayyne great, thanks! Then let's just wait for the revert to merge!

@ghost
Copy link

ghost commented Nov 20, 2019

Hi @drpayyne, thank you for your contribution!
Please, complete Contribution Survey, it will take less than a minute.
Your feedback will help us to improve contribution process.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants