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

RangeControl: Spacing issue between icons and the rail #37801

Closed
imangm opened this issue Jan 8, 2022 · 0 comments · Fixed by #36935
Closed

RangeControl: Spacing issue between icons and the rail #37801

imangm opened this issue Jan 8, 2022 · 0 comments · Fixed by #36935
Labels
[Package] Components /packages/components [Type] Bug An existing feature does not function as intended

Comments

@imangm
Copy link
Contributor

imangm commented Jan 8, 2022

Description

RangeControl spacing is not correct. If you use both beforeIcon and afterIcon, the spacing between icons and the rail is not the same.

Step-by-step reproduction instructions

  1. Import RangeControl from "@wordpress/components"
  2. Add RangeControl to the InspectorControls
<RangeControl
    beforeIcon="upload"
    afterIcon="download"
    label="Columns"
    value={ columns }
    onChange={ ( value ) => setColumns( value ) }
    min={ 2 }
    max={ 20 }
/>

Screenshots, screen recording, code snippet

#36935
wp-range-control-style-issue

Environment info

  • WordPress 5.8.3
  • Gutenberg 12.3.0

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

@gziolo gziolo added [Package] Components /packages/components [Type] Bug An existing feature does not function as intended labels Jan 10, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Package] Components /packages/components [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants