🗂 Card Interface

[ricburton]

I think making each section into a card will make the UI a lot clearer.

The section headers can slide over the top of the cells so the card feels like it is compressing.

[borwahs]

This is 🔥!

[borwahs]

Made a little bit of progress. Here is a playground I have that shows the Tableview with Card like sections. Still has some bugs (bottom right footer corner).

tableviewshadow.playground.zip

[ricburton]

Excited to check this out!

[borwahs]

Nothing special yet. Mainly trying to get the format of the UITableView right. Curious how you feel on the dropshadows and rounding (want to make sure it is close). Couldn't match the Figmaas well as I would have liked.

I also needto get the top of the UITableView to start about 10-20 pixels down.

[borwahs]

Here is an updated version. Getting closer.

tableviewshadow.playground-v2.zip

[borwahs]

The key thing I am contemplating is maybe using an image for header and footer. More performant, more control, and can match the figma a lot closer. Going to try that next.

[ricburton]

Thanks so much @borwahs. Can I help with anything?

[ricburton]

Is this handy?

https://github.com/intuit/CardParts

[einsteinx2]

This design will likely be very difficult using the library you wanted for expanding cells. I can try and fake it, but can't promise it will work well depending on how that library is done...

[ricburton]

Got it. Not sure where @borwahs is with this. I am just getting back into the codebase now.

[jamierumbelow]

#189 is the most recent version available. Getting it tidied up and running smoothly is on my to-do list for this week.

[borwahs]

@jamierumbelow & @ricburton // I have the rounded corners working and I think it looks pretty nice. Was going to work on the actual card labels to match the new design.

@jamierumbelow // maybe you could look at how we can change the tab bar and nav bar?

[borwahs]

Do you guys have a good address I can use to play with the expand/collapse rows?