Show unit stats in the build menu about zetawar HOT 10 CLOSED

Another thought, the abbreviations (P and A) are probably necessary to keep the size from getting out of control, but they should use the "abbr" tag so users can get an explanation if they hover.

from zetawar.

Thoughts on something like this? Each unit's stats are displayed in a small table in a collapsible panel.

from zetawar.

Here's an updated version with more stats. I include the text "P = Personnel" and "A = Armored" at the bottom of the modal's body for clarity.

I think it looks nice with this much info, but adding more would probably get ugly (if sticking with the React-Boostrap table-in-a-panel-in-a-column-in-a-row-in-a-grid format I'm using). Maybe using a button to open the panel beneath the unit's image/name/cost would be better, as it would allow each table to span the entire modal and give the stats room to breath.

from zetawar.

I like the idea, but there's a lot of header repetition. What about putting all the units in one table with headers at the top?

from zetawar.

Is this closer to what you were thinking? Or were you thinking of keeping the clickable part outside of the table?

from zetawar.

Yep, that's what I was thinking. I'm fine with the clickable part being inside the table.

from zetawar.

Thoughts on style?

Hovering over the type will give the full name, and hovering over the armor value will either give the capturing armor value or say that the unit cannot capture bases.

from zetawar.

The hover text sounds good, but the different size fonts in the stats cells look a little off to me. I think consistency is probably better even if it makes the table a bit sparse. For the ranges, I prefer "1-2" to "Min:1 Max:2". It would also be nice if the table column width was consistent. You should be able to accomplish that using the Bootstrap grid CSS classes (col-md-4, etc.).

from zetawar.

from zetawar.

This is on dev now. I think there are more tweaks we could do, but I'm going to call it "good enough" for now.

@Conaws Thanks for the css grid spec link! I plan to revisit the styling on this at some point. I'll definitely look into that when I do.

from zetawar.