[pattern] status indicator grid issues

[jeanservaas]

Grid issues:

Also, the the status icon and status shape tables are not on grid, to the spec that was given. And they're not consistently off grid either.

See misalignment:

Table specs: (See complete table specs at breakpoints here)
#2199

To do:

• @vpicone we need to align the tables to the specs that were in the other issue; I didn't catch these discrepancies in my review

[mjabbink]

Let’s not forget about this grid, alignment fix. This should be addressed in the next sprint.

[mjabbink]

@alisonjoseph @joshblack Please make sure this is added to this sprint. This one can't slip through the cracks.

[alisonjoseph]

@mjabbink @jeanservaas I'll get @vpicone to chime in here also, but from my understanding this is using the Structured List component from Carbon which is not grid-aware. It would likely require a complete re-write of that component or a new one to be able to figure out a way to get this on-grid. That being said, I see the issue especially where the different tables don't align to each other, and wonder if there's something we could do to make it a little better until we have time to prioritize a new component?

[mjabbink]

@alisonjoseph @vpicone If the first two columns of icons are the same shouldn't those at least be the same in each structuralist? maybe as a first fix, those icons columns could be the same which would make a difference.

another issue
@alisonjoseph @jeanservaas @vpicone — I discovered in mobile the dark theme column is not visible or turned off. Should that be a separate issue or keep it here?

[mjabbink]

@alisonjoseph @joshblack @aagonzales Please include this in the next sprint.

[jeanservaas]

Here are full red lines for the status indicator table component:

Sketch file

042721_CarbonPatterns_IconTable 2.sketch.zip