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