SlyAceZeta / Ribbons.Guide

Keep track of your Pokémon's Ribbons!
https://ribbons.guide/
GNU General Public License v3.0
23 stars 2 forks source link

Move add/edit form to a modal #6

Closed SlyAceZeta closed 1 year ago

SlyAceZeta commented 1 year ago

Adding or editing a Pokémon is currently done through the last row in the table. This can get unwieldy if there's a lot of rows. This is also poor UX for editing, since editing an entry near the top of the page requires moving to the bottom of the page.

SlyAceZeta commented 1 year ago

After looking into potential solutions, including a custom-coded one, I've fallen in love with jQuery Modal. I tried the test site on my phone and it works brilliantly on mobile, and it's very easy to code and style with.

Quick desktop preview below. I just need to migrate the rest of the form and update the scripts. Adding any more info per #11 is going to make this a much longer form, so that issue might get retooled into creating a tab system inside this modal, something like a Pokémon's summary screen.

image