search

MccCareplan / patientsmartapp

Patient facing mobile smart on fhir Web app for multiple chronic condition care plans
Apache License 2.0
2 stars 2 forks source link

Create Top level ribbon #14

Open ferret1964 opened 3 years ago

ferret1964 commented 3 years ago

As per mockups create the top level ribbon.

See wieframes

sam3365 commented 3 years ago

The top level ribbon exists, but only when the application is loaded in a smaller browser window, such as a mobile device.

This task needs to be expanded to display something when the application is loaded in desktop mode.

sam3365 commented 3 years ago

Added the folllowing when application is loaded in desktop mode:

Screen Shot 2020-12-04 at 5.34.48 PM.png

When you resize the application to a mobile device size, the main screen with top and bottom ribbon will appear.

sam3365 commented 3 years ago

Added .svg icons to assets/svg folder. Added coding to feature_14_top_ribbon branch and pushed to github repo.

However, the code changes I made are not working to load the custom icons.

I have found a working example of this at : https://anglebrackets.dev/index.php/tag/material/

Need to redo the code in feature_14_top_ribbon branch after the code in the example.

sam3365 commented 3 years ago

Got the svg icons to load on the top ribbon.
Only need to load the black version of the icon. I wasn't aware that the css code can change the color of the svg icon. Also, in the project, the icons in assets/svg must be lowercase filenames.

Screen Shot 2020-12-09 at 4.42.28 PM.png

sam3365 commented 3 years ago

Pull Request created:

https://github.com/MccCareplan/patientsmartapp/pull/40