animl-frontend icon indicating copy to clipboard operation
animl-frontend copied to clipboard

Feature/mobile camera admin

Open lessej opened this issue 6 months ago • 4 comments

Context

Adjusts the styling of the camera admin mobile to be mobile friendly.

lessej avatar May 18 '25 06:05 lessej

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!

lessej avatar May 18 '25 06:05 lessej

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

lessej avatar May 19 '25 20:05 lessej

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.

lessej avatar May 20 '25 02:05 lessej

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

lessej avatar Oct 20 '25 19:10 lessej