Materialdesign: Flex Align Icons

[darren-outdev]

Usage

Much like the LEFT, CENTER, and JUSTIFY text aligns, this would be for alignment of a Flexbox (to position its children). Suggestions for icons names would be:

• [ ] flex-row-start
• [ ] flex-row-end
• [ ] flex-row-center
• [ ] flex-row-none maybe stretch to be consistent?
• [ ] flex-column-start
• [ ] flex-column-end
• [ ] flex-column-center
• [ ] flex-column-none maybe stretch to be consistent?

Examples

Include any example images so we know what the icon should look like.

[Templarian]

@darren-outdev Updated your issue with some other names.

[zgover]

Proposal.

flex-align-baseline.svg.zip

flex-align-center.svg.zip

flex-align-end.svg.zip

flex-align-start.svg.zip

flex-align-stretch.svg.zip

flex-justify-center.svg.zip

flex-justify-end.svg.zip

flex-justify-space-arround.svg.zip

flex-justify-space-between.svg.zip

flex-justify-start.svg.zip

[Xenomorph99]

If not sure if others feel this way or not, but personally I find it hard to understand what's going on in these icons with so many lines and all the subtle differences. I'd recommend basing these Flexbox "align" icons on our current align icons. Possibly naming them align-flexbox-* or even simply align-*

• align-horizontal-center
• align-horizontal-left
• align-horizontal-right
• align-vertical-bottom
• align-vertical-center
• align-vertical-top

[zgover]

Yes, I actually didn't realize entirely how similar they are to the existing align icons initially. However to match the existing style it should be discussed how to display space-between, space-around, stretch. As far as the rest such as start, end and baseline could be substituted for the existing align top, bottom etc.

[darren-outdev]

Thanks for picking up this request! I do think there needs to be a rather 'non-developer' approach when thinking of designs - something that would make _kinda_ sense to someone who isn't a developer, and requires a very low level of thought for a person familiar with the technicality of controls... Hope that makes sense?