-
Notifications
You must be signed in to change notification settings - Fork 249
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
(fix) Improvements to workspace system styling (supports O3-3246) #1868
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I welcome the simplification! Thanks, @brandones. I'm curious to see how this works on an actual tablet device. @donaldkibet is it possible to get Josh to test this out?
@@ -81,6 +81,6 @@ html[dir='rtl'] { | |||
border-right: 0.25rem solid var(--brand-01); | |||
border-left: unset; | |||
} | |||
} | |||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It appears the indentation is off for this entire :global(.cds--side-nav)
block.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bummer we still don't have scss auto-formatting I guess?
Meant to comment instead of explicitly approve.
Build is failing due to form-lib needing to be updated with the latest OpenmrsDatePicker update. |
Size Change: -514 kB (-4.43%) Total Size: 11.1 MB
ℹ️ View Unchanged
|
The bottom nav should have a top border on tablet https://zeroheight.com/23a080e38/p/948cf1-siderail-and-bottom-nav: Also, note to self (for me) to fix the positioning of the placeholder text for the vitals and biometrics fields on tablet. |
Whoops! I'll need to fix that in core. Separate PR.
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM apart from the top border on the bottom (which I imagine is a change to make in Core). Thanks, @brandones! Also, I think the viewport height means it should work very well on tablet (based on my responsive mode testing).
Looks great on iPad mini @brandones @gracepotma trim.EA6DFC46-716E-455A-B447-1D9DF346C95A.MOV |
I've tested on my 8" android tablet and it looks like this fixes other long-standing responsiveness issues such as the action buttons in the drug order form not being clickable. @donaldkibet, could you and your team verify this? |
REQUIRES openmrs/openmrs-esm-core#1046
Requirements
Summary
Updates use of the workspace system to reflect the changes in openmrs/openmrs-esm-core#1046
Screenshots
See openmrs/openmrs-esm-core#1046
Related Issue
Other