Fix cookie consent box layout and functionality issues #3347
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.
Related Issue
[Cite any related issue(s) this pull request addresses. If none, simply state “None”]
Fixes: #3313
Description
This pull request addresses issue #3313, which involves layout and functionality improvements for the cookie consent box.
Summary of Changes:
I resolved layout issues that caused the reject button to overflow the consent box.
To prevent text overflow, ensure proper alignment and spacing for the 'Accept' and 'Reject' buttons.
Implemented functionality to hide the cookie consent box upon user interaction with the close, accept, or reject buttons.
Utilized localStorage to remember the user's cookie consent choice and prevent the consent box from reappearing after making a decision.
Motivation:
These changes improve the user experience by providing clear options for cookie consent while ensuring the design remains intact and functional.
Dependencies:
No additional dependencies are required for this change, aside from the updated body-parser.
Type of PR
Screenshots/videos (if applicable)
[Attach any relevant screenshots or videos demonstrating the changes. Make sure to attach before & after screenshots in your PR.]
Checklist: