[Patternfly] Request to include flexbox

[Andres Galante]

Hi Ju,

I am sure the Tendrl is confused.

Flexbox is a CSS property that provides the ability to  arrange elements in
the page. [1]

Grid layout, is a new spec, still a draft on the W3C and with almost no
adoption on browsers. [2]

Semantic UI framework uses flexbox to build their grid system. Since
boostrap 3 was born before flexbox, then its grid its based on floats.

Bootstrap 4 has an option to use flexbox and we will use it when we migrate
to 4 on the next steps of patternfly. As for when, I don't know, but I'll
have more info after this week.

Its important to notice that BS4 is an alpha so anything can change.

Can they use flexfox now? the answer of source its "it depends". Flexbox
support is pretty good at the moment but if they want to support older
browser the wont be able to use it [3]

My recommendation is for them to use bootstrap grid system, its works good
with floats and when patternfly moves to Bootstrap 4 the migration of the
grid would be almost transparent.

That is a good question though, we are living a huge change on layouts with
flexbox and CSS grid layout, exiting times for CSS and the web!

[1]
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
[2] https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
[3] http://caniuse.com/#feat=flexbox


On Wed, Sep 21, 2016 at 3:46 PM, Serena Doyle <sdoyle at redhat.com> wrote:

> Ju,
>
> Do you know what browsers RH Storage will be supporting ?
>
> Thanks,
> - Serena
>
> On Wed, Sep 21, 2016 at 2:18 PM, Ju Lim <julim at redhat.com> wrote:
>
>> PF Team:
>>
>> The Tendrl (downstream product name is Red Hat Storage Console) project
>> UI Development team has a request to the PatternFly team to ask if we've
>> considered the including/implementing flexbox
>> <https://css-tricks.com/snippets/css/a-guide-to-flexbox/> (similar to Semantic
>> UI <http://semantic-ui.com/introduction/getting-started.html>) instead
>> of using a grid layout.
>>
>> The reasons are as follow:
>>
>>    - Flexbox is content driven model. It does not need to know the
>>    content upfront.
>>    - Contents can be redistributed
>>    <https://drafts.csswg.org/css-flexbox/#order-accessibility>.
>>    - Allow boxes to wrap
>>    <https://drafts.csswg.org/css-flexbox/#flex-wrap-property> which is
>>    really handy for responsive design.
>>
>> Alternatively, if there are other options that the PatternFly community
>> is considering, can you please provide some guidance and roadmap for the
>> feature (if possible).
>>
>> Thoughts? Please advise.
>>
>> Thank you,
>> Ju
>>
>>
>>
>> _______________________________________________
>> Patternfly mailing list
>> Patternfly at redhat.com
>> https://www.redhat.com/mailman/listinfo/patternfly
>>
>>
>
>
> --
> - Serena Chechile Doyle
> *UXD | Unified Management Experience*
> *Red Hat*
> *Cell* 508-769-7715 | *IRC* - serena | *Skype* - serenamarie125 |
> *Twitter* - @serenamarie125
>
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20160922/bf046c40/attachment.htm>