<div dir="ltr">Ju, <div><br></div><div>Do you know what browsers RH Storage will be supporting ?</div><div><br></div><div>Thanks,</div><div>- Serena</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Sep 21, 2016 at 2:18 PM, Ju Lim <span dir="ltr"><<a href="mailto:julim@redhat.com" target="_blank">julim@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><div dir="ltr"><div><span><font face="arial, helvetica, sans-serif"><div><font color="#434343"><span style="line-height:33.12px;white-space:pre-wrap">PF Team:</span></font></div></font><br>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</span><span style="font-family:arial,helvetica,sans-serif;line-height:1.38;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> </span><a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" style="font-family:arial,helvetica,sans-serif;line-height:1.38;text-decoration:none;background-color:transparent" target="_blank"><span style="color:rgb(240,98,146);text-decoration:underline;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">flexbox</span></a><span style="font-family:arial,helvetica,sans-serif;line-height:1.38;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> (</span><span style="font-family:arial,helvetica,sans-serif;color:rgb(0,0,0);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">similar to </span><a href="http://semantic-ui.com/introduction/getting-started.html" style="font-family:arial,helvetica,sans-serif;line-height:25.76px;text-decoration:none" target="_blank"><span style="color:rgb(0,0,0);text-decoration:underline;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Semantic UI</span></a><span style="font-family:arial,helvetica,sans-serif;color:rgb(0,0,0);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">)</span><span style="font-family:arial,helvetica,sans-serif;color:rgb(42,57,144);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> </span><span style="font-family:arial,helvetica,sans-serif;color:rgb(67,67,67);line-height:1.38;white-space:pre-wrap;background-color:transparent">instead of using a grid layout.</span><span><font face="arial, helvetica, sans-serif"></font><font face="arial, helvetica, sans-serif"><div><span style="white-space:pre-wrap;line-height:1.38;color:rgb(67,67,67);background-color:transparent"><br></span></div><div><span style="white-space:pre-wrap;line-height:1.38;color:rgb(67,67,67);background-color:transparent">The reasons are as follow:</span></div></font></span><font face="arial, helvetica, sans-serif"><span style="color:rgb(67,67,67);line-height:1.38;white-space:pre-wrap;background-color:transparent"><ul><li><span style="line-height:1.38;background-color:transparent">Flexbox is content driven model. It does not need to know the content upfront.</span><br></li><li><span style="line-height:1.38;vertical-align:baseline;background-color:transparent">Contents can be </span><span style="line-height:1.38;text-decoration:underline;color:rgb(240,98,146);vertical-align:baseline;background-color:transparent"><a href="https://drafts.csswg.org/css-flexbox/#order-accessibility" style="line-height:1.38;text-decoration:none;background-color:transparent" target="_blank">redistributed</a>.</span></li><li><span style="line-height:normal;vertical-align:baseline;background-color:transparent">Allow boxes to </span><a href="https://drafts.csswg.org/css-flexbox/#flex-wrap-property" style="line-height:normal;text-decoration:none" target="_blank"><span style="color:rgb(240,98,146);text-decoration:underline;vertical-align:baseline;background-color:transparent">wrap</span></a><span style="line-height:normal;vertical-align:baseline;background-color:transparent"> which is really handy for responsive design.</span></li></ul></span></font></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif">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).  </font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif"><br></font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif">Thoughts?  </font></span></span><span style="color:rgb(67,67,67);font-family:arial,helvetica,sans-serif;white-space:pre-wrap;background-color:transparent">Please advise.</span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif"><br></font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif">Thank you,</font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif">Ju</font></span></span></div><div><span><span style="color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font face="arial, helvetica, sans-serif"><br></font></span></span></div><div><span><span style="font-size:18.6667px;font-family:roboto;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><br></span></span></div></div></div>
</div>
<br>______________________________<wbr>_________________<br>
Patternfly mailing list<br>
<a href="mailto:Patternfly@redhat.com">Patternfly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/<wbr>mailman/listinfo/patternfly</a><br>
<br></blockquote></div><br><br clear="all"><div><br></div>-- <br><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div style="color:rgb(0,0,0)">- Serena Chechile Doyle</div><div style="color:rgb(0,0,0)"><i>UXD | Unified Management Experience</i></div><div style="color:rgb(0,0,0)"><b style="color:rgb(0,0,173);font-family:'trebuchet ms',sans-serif;font-size:11px">Red Hat</b></div><div style="color:rgb(0,0,0);font-family:'trebuchet ms',sans-serif"><span style="font-size:11px"><b style="color:rgb(0,0,173)">Cell</b><span style="color:rgb(0,0,173)"> </span><a href="tel:508-769-7715" value="+15087697715" style="color:rgb(17,85,204)" target="_blank">508-769-7715</a> | <b style="color:rgb(0,0,173)">IRC</b> - serena | <b style="color:rgb(0,0,173)">Skype</b> - serenamarie125 </span><span style="font-size:11px">| </span><b style="font-size:11px;color:rgb(0,0,173)">Twitter</b><span style="font-size:11px"> - @serenamarie125</span></div></div></div></div></div></div></div>
</div>