Task/p10 t110 responsive tailwind#125
Merged
Merged
Conversation
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
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 completes the implementation of responsive design for the dashboard UI, using Tailwind CSS. It updates multiple HTML templates to ensure optimal display across mobile, tablet, and desktop devices, and introduces a polished mobile navigation experience. It also improves accessibility and visual polish, and updates test timing for worker crash recovery.
Responsive design and mobile navigation improvements:
base.htmlto use an overlay sidebar with backdrop, improved accessibility, and consistent styling; navigation links now collapse the menu on click, and the logout button is visually enhanced. [1] [2]active_workers.html,daily.html, andfound_results.htmlto use Tailwind's responsive utility classes (hidden sm:table-cell,hidden md:table-cell, etc.), hiding less critical columns on smaller screens for better readability. [1] [2] [3] [4] [5] [6]Documentation updates:
backlogtodone, updated its status to "Completed", and checked off all acceptance criteria. [1] [2]Testing improvements: