fix(ui): resolved issue where search bar do not provide accessibility in smaller and larger screens#2
Open
decimozs wants to merge 1 commit intobettergovph:mainfrom
Open
Conversation
…mobile and larger screens
decimozs
changed the title
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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 resolves critical accessibility and layout issues within the search bar's filtering panels across different screen sizes.
Key Fixes:
Fixed an issue where the filtering panels within the search bar were not fully accessible or navigable on mobile (smaller) and desktop (larger) screen resolutions.
Adjustments were made to the search bar's layout to ensure the filtering panels display correctly and function as intended across all viewports, significantly improving the user experience.
File Changes
Note:
Please check the search functionality and the behavior of the filtering panels on both small (e.g., phone view) and large (e.g., desktop view) screens to confirm the accessibility and layout improvements.
Samples
Issue
Mobile View
Larger Screen
Fix
Mobile View