animl-frontend
animl-frontend copied to clipboard
Feature/mobile camera admin
Context
Adjusts the styling of the camera admin mobile to be mobile friendly.
Please feel free to start looking through the code. I will deploy to dev this week and give a final look over that nothing is obviously broken. Thank you!
Few issues to fix after testing on dev:
- [x] The modal top and bottom are covered by the safari top and bottom bar
- [x] Edit serial number text box has too much padding
- [x] Delete camera modal should use full width buttons and the text box has too much padding
Hi @nathanielrindlaub, this should be ready for review. I've poked it around on dev. Some things that I'd be grateful if you could look at are adding a deployment, deleting a camera, and deleting a deployment. I don't have the info to be able to re-add them so I didn't want to follow through deleting them but we should make sure that the middleware and redux updates don't break anything.
Working through this, I've addressed the following:
- [x] When trying to delete a camera, the Keyboard covers the input so you can't type "permanently delete". made this alert scrollable. Need to investigate ways to scroll to the input when you click on it
- [x] fixed spinner not covering full dialog
- [x] fixed dates alignment
- [x] fixed names being shortened: full length names and add dates as the tooltip
- [x] register camera dropdown spacing