UXUI 21 Pull 2 #1
Open
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
Search text box and button optimised for mobile. Button text “Search” button on mobile. Changed column widths for headers search box and user box for lg md and sm viewports. Fixed display issue with red clear button on tablet. Applied reduced positioning for header search and text box as applied on home page.
The tabs for Patient Info, Date / Time and Counts in MPV patient listings have been replaced with a dropdown button for mobile view to save space. Also added padding to fluid table layout by adding a container-fluid div. which means tables don’t run to the edge on all devices.
Fixed large gap between tablel and detail panels on mobile (when stacked) Added padding to pageWrapper to avoid elements at the bottom of the page from appearing underneath the footer. General fixed to padding and margins to make element alignment more consistent.
This reverts commit d947125.
Fixed large gap between tablel and detail panels on mobile (when stacked) Added padding to pageWrapper to avoid elements at the bottom of the page from appearing underneath the footer. General fixed to padding and margins to make element alignment more consistent.
Summary information stacks on mobile.
Added styles and media queries for responsive tables which stack below 300px. Added a breakpoint variable to themes.scss.
Added responsive tables to all table lists. This included adding a rad-table class to the table element and adding data-th attributes to each td tag within ng-repeat. Breakpoint between normal and responsive tables is set to 400px and defined within theme.scss as $breakpoint-alpha
The MPV sub header is now set inside an inline-block element with a min-width of 300px. This causes the dropdown button to stack underneath (and not above) on smaller devices. The tabs for Patient Info, Date / Time and Counts in MPV patient listings have been replaced with a dropdown button for mobile view to save space. Also added padding to fluid table layout by adding a container-fluid div. which means tables don’t run to the edge on all devices.
Added a collapsable nabber to replace the sidebar for mobile devices. Added toggle button next to page header to toggle nav.
Added new toolbar for mobile only. Uses bootstrap tabs to toggle between search, notifications and user profile.
Added bootstrap tabs for notifications, profile and search. Selecting one item, turns off any other active elements.
Added count bubble to top right of notification icon.
Added toggle to user, notifications and search
Set active class on li tabs when clicked. Disable when toggled off.
Fixed Home Search box and Header Search Box
UXUI 23 - Introduction of responsive tables
UXUI 22 - Enhancements to element padding, footer, and responsive sidebar
Merged responsive tables.
UXUI 24 - Addition of mobile-ready header toolbar
# Conflicts: # webapp/app/views/search/patients-list-full.html
# Conflicts: # webapp/app/index.html # webapp/app/views/search/patients-list-full.html
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.
Merged patients-list-full from develop.