[Patternfly] Request to include flexbox

Tue Sep 27 23:47:16 UTC 2016

Ju,

We are presenting a proposal for PatternFly 4 in tomorrow's UXD leadership
meeting. This will include an approach and discussions re: a timeline for
 bootstrap 4. We only have an hour to present so there may be additional
follow up necessary to nail down everything. My hope is we have a more
final answer in a week that we can share with the PatternFly community.

Leslie

Sent from my iPhone

On Sep 27, 2016, at 12:44 PM, Ju Lim <julim at redhat.com> wrote:

Hi Andres:

With regards to Bootstrap 4, I know you said you'd have more info on it in
the next few days.  Is it possible to provide some rough guidance whether
PF is likely to be on BS4 by year-end or not?  If not, what's our targeted
timeframe?

Please advise.

Thanks,
Ju

On Tue, Sep 27, 2016 at 11:30 AM, Andres Galante <agalante at redhat.com>
wrote:

> You are right, PatternFly is based on bootstrap 3.
>
> On Tue, Sep 27, 2016 at 5:32 AM, Soumya Deb <deb at redhat.com> wrote:
>
>> 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 <agalante at 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 <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
>>>>>
>>>>>
>>>>
>>>
>>
>

-- 
Ju Lim
Red Hat
Office: 978-399-0422
Mobile: 781-507-1323
Email: julim at redhat.com
IRC: julim

_______________________________________________
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/20160927/af57f083/attachment.htm>