Thanks for the info, Andreas.

Please correct me if I'm wrong, but that implies BS4 based PF to not be a
consumable product for Tendrl/RHSC (development ongoing).


On 26 September 2016 at 21:29, Andres Galante <agala...@redhat.com> wrote:

> 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 <d...@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 <ju...@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 <agala...@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 <sdo...@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 <ju...@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@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@redhat.com
>>>>> https://www.redhat.com/mailman/listinfo/patternfly
>>>>>
>>>>>
>>>>
>>>
>>>
>>> --
>>> Ju Lim
>>> Red Hat
>>> Office: 978-399-0422
>>> Mobile: 781-507-1323
>>> Email: ju...@redhat.com
>>> IRC: julim
>>>
>>>
>>
>
_______________________________________________
Patternfly mailing list
Patternfly@redhat.com
https://www.redhat.com/mailman/listinfo/patternfly

Reply via email to