Enhance Feedback Section UI - Improved Visual Clarity (#806) #1027
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊 |
✅ Deploy Preview for foodies-ordering-website ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
solve conflicts. |
|
conflict resolved now it can be merged |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
This pull request addresses the current feedback section UI, which overlaps with food images, creating a cluttered and visually unappealing experience (Issue #806).
Problem:
The current placement of the feedback section partially covers food images, hindering user experience.
This overlap makes it difficult for users to:
Clearly see the food items they're providing feedback on.
Focus on formulating their feedback due to visual clutter.
Proposed Solution:
This PR aims to improve the feedback section UI by:
Repositioning the feedback section: We will explore options like placing it below the food images, on a dedicated sidebar, or implementing a more suitable layout.
Adjusting element transparency (optional): We might consider adjusting the transparency of the feedback section elements to allow for better visibility of the underlying food images.
Utilizing a collapsible/expandable feedback section (optional): We could explore a collapsible/expandable option to minimize visual clutter on the page when not actively providing feedback.
Benefits:
Improved visual clarity of food images, allowing users to focus on the product.
Enhanced user experience by eliminating overlap and creating a cleaner interface.
Potentially increased user engagement with feedback due to a more user-friendly layout.
Before -
After -
