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

bug: Button Text Overflow on Product Cards #2377

Open
sagarbendale2004 opened this issue Oct 25, 2024 · 2 comments · May be fixed by #2378
Open

bug: Button Text Overflow on Product Cards #2377

sagarbendale2004 opened this issue Oct 25, 2024 · 2 comments · May be fixed by #2378

Comments

@sagarbendale2004
Copy link

Description:

The product cards on the specified page contain two buttons: "Add to Cart" and "Buy Now." Currently, the text on these buttons is not fully visible due to overflow issues. Instead of displaying the complete text, the buttons truncate it, showing only "Add to" and "Buy Now" respectively.

Expected Behavior:

The buttons should display their full text, allowing users to see "Add to Cart" and "Buy Now" clearly without any truncation.

Proposed Solution:

  • decrease the font size and padding of the buttons to accommodate the full text.
  • Ensure that the button container has enough width to prevent text overflow.
  • Consider using responsive styles to adapt to various screen sizes.

Screenshots:

screenshot

Copy link

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

For more information, join the official Discord.

@sagarbendale2004
Copy link
Author

@codervivek5 I am able to solve this particular issue can you please assign it to me.

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 a pull request may close this issue.

1 participant