Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Price input is too large for inline editable layout #6942

Closed
dinhtungdu opened this issue Aug 19, 2022 · 0 comments · Fixed by #6943
Closed

Price input is too large for inline editable layout #6942

dinhtungdu opened this issue Aug 19, 2022 · 0 comments · Fixed by #6943
Assignees
@dinhtungdu
Labels
block: filter by price Issues related to the Filter by Price block. type: bug The issue/PR concerns a confirmed bug.

Comments

@dinhtungdu
Copy link
Member

To reproduce

Steps to reproduce the behavior:

  1. Add the Filter by Price block to a small column.
  2. Ensure the inline style is enabled.
  3. See the inputs are too big and take up all space for the slider.
  4. Check the block on mobile to see the same issue.

Expected behavior

The input should be smaller for inline style. This is actually defined in the design but I missed it in #6877

Screenshots

image
@dinhtungdu dinhtungdu added type: bug The issue/PR concerns a confirmed bug. block: filter by price Issues related to the Filter by Price block. labels Aug 19, 2022
@dinhtungdu dinhtungdu self-assigned this Aug 19, 2022
@dinhtungdu dinhtungdu mentioned this issue Aug 19, 2022
Merged
14 tasks
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@dinhtungdu dinhtungdu

Labels
block: filter by price Issues related to the Filter by Price block. type: bug The issue/PR concerns a confirmed bug.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Style the Filter by Price block based on the wrapper width woocommerce/woocommerce-blocks
1 participant
@dinhtungdu