[Patternfly] Request to include flexbox

[Andres Galante]

Hi Soumya,

Patternfly relies on Bootstrap grid system, which is based on floats.

Until we move to bootstrap 4 we will not have a flexbox grid. I'll probably
have more info about when and how this upgrade is going to happen in the
next few days.

Thanks


On Fri, Sep 23, 2016 at 7:08 AM, Soumya Deb <deb at redhat.com> wrote:

> FWIW, as a clarification, the Tendrl frontend team wanted to avoid
> floating grids, and use flexbox based layouts.
> It has nothing to do with the spec-non-solidified grid layout - that's out
> of the picture.
>
> Our app is mostly targeted for modern browsers, although a clear boundary
> hasn't been drawn yet (as Ju mentioned).
>
> We do want to use patternfly for all the features it brings, but not
> having flexbox layouts are only concern against it.
>
>
> On 22 September 2016 at 21:00, Ju Lim <julim at redhat.com> wrote:
>
>> Thanks Andres for getting back to the Tendrl UI Dev team (CCed).  The
>> Tendrl team is still exploring different options, so your feedback is
>> timely.
>>
>> Serena -- We don't know yet which browsers we'll support yet as the
>> Tendrl Support Matrix is still being decided.  We'll let you know once it
>> gets known.
>>
>> Thanks again,
>> Ju
>>
>> On Thu, Sep 22, 2016 at 8:15 AM, Andres Galante <agalante at redhat.com>
>> wrote:
>>
>>> 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_Flexibl
>>> e_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
>>>>
>>>>
>>>
>>
>>
>> --
>> Ju Lim
>> Red Hat
>> Office: 978-399-0422
>> Mobile: 781-507-1323
>> Email: julim at redhat.com
>> IRC: julim
>>
>>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20160926/ae21996b/attachment.htm>