<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Hi Leslie,<div class=""><br class=""></div><div class="">Here is an example that I’ve used/seen: <a href="http://codepen.io/stevenfabre/pen/LGvzk" class="">http://codepen.io/stevenfabre/pen/LGvzk</a></div><div class=""><br class=""></div><div class="">-Adam<br class="">
<br class=""><div><blockquote type="cite" class=""><div class="">On Jul 21, 2016, at 3:02 PM, Leslie Hinson <<a href="mailto:lhinson@redhat.com" class="">lhinson@redhat.com</a>> wrote:</div><br class="Apple-interchange-newline"><div class=""><div dir="ltr" class="">Jeremy: There is a "state" in which the vertical nav drops down to just icons but we have not documented a version with just icons. <div class=""><br class=""></div><div class="">Adam: Right now, the icon is the same. Can you give an example of what you would expect? </div><div class=""><br class=""></div><div class="">Leslie</div></div><div class="gmail_extra"><br class=""><div class="gmail_quote">On Wed, Jul 20, 2016 at 10:02 AM, Adam Jolicoeur <span dir="ltr" class=""><<a href="mailto:ajolicoe@redhat.com" target="_blank" class="">ajolicoe@redhat.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word" class="">To hamburger or not to hamburger…that is the question…<div class=""><br class=""></div><div class="">On that note, will there be a different icon for when the vertical navigation is open vs closed when in the mobile view? Just from a newbie perspective, it doesn’t feel right.</div><span class="HOEnZb"><font color="#888888" class=""><div class=""><br class=""></div><div class="">-Adam</div></font></span><div class=""><div class="h5"><div class=""><br class=""><div class=""><blockquote type="cite" class=""><div class="">On Jul 20, 2016, at 9:52 AM, Jeremy Perry <<a href="mailto:jeperry@redhat.com" target="_blank" class="">jeperry@redhat.com</a>> wrote:</div><br class=""><div class=""><div dir="ltr" class="">Hey guys, is there a version of the vertical nav that is icons only?</div><div class="gmail_extra"><br class=""><div class="gmail_quote">On Wed, Jul 20, 2016 at 8:16 AM, Andres Galante <span dir="ltr" class=""><<a href="mailto:agalante@redhat.com" target="_blank" class="">agalante@redhat.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr" class="">Thanks a lot Serena, this is really good!<div class=""><br class=""></div><div class="">I think the vertical nav has a design bug we should address. On small viewports the nav collapse into a navicon.</div><div class=""><br class=""></div><div class="">The options on the right of the masthead disappear but they are not included in the vertical nav. So a user would not be able to for example logout or see his preferences or notifications from a mobile device.</div><div class=""><br class=""></div><div class="">Thanks again :)</div><div class=""><br class=""></div><div class="">Andrés</div><div class=""><br class=""></div><div class=""> </div><div class=""><br class=""></div><div class=""><br class=""></div></div><div class="gmail_extra"><br class=""><div class="gmail_quote"><div class=""><div class="">On Tue, Jul 19, 2016 at 1:05 PM, Serena Doyle <span dir="ltr" class=""><<a href="mailto:sdoyle@redhat.com" target="_blank" class="">sdoyle@redhat.com</a>></span> wrote:<br class=""></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div class=""><div class=""><div dir="ltr" class=""><div class="">Team,</div><div class=""><br class=""></div><div class="">Please find the additional pattern documentation [1] which I'm proposed to be added to the Vertical Navigation Design Pattern [2]. If interested, please review and add comments where needed.</div><div class=""><br class=""></div><div class=""><div class="">This proposal is inline with my previous email about Navigation sent out in June. Jeff Phillips will be contributing the associated code this month as well.<br class=""></div><div class=""><br class=""></div><div class="">Andres & Leslie, please let me know next steps.</div><div class=""><br class=""></div></div>[1] <a href="https://docs.google.com/a/redhat.com/document/d/1oJmnZcv7_R6yK4B0Pt7mf_S5N7mt58L8SKQQphgpHiY/" target="_blank" class="">https://docs.google.com/a/redhat.com/document/d/1oJmnZcv7_R6yK4B0Pt7mf_S5N7mt58L8SKQQphgpHiY/</a> <br clear="all" class=""><div class="">[2] <a href="http://www.patternfly.org/pattern-library/navigation/vertical-navigation/" target="_blank" class="">http://www.patternfly.org/pattern-library/navigation/vertical-navigation/</a> </div><div class=""><br class=""></div><div class="">Thanks!<span class=""><font color="#888888" class=""><br class=""></font></span></div><span class=""><font color="#888888" class=""><div class="">- Serena</div>-- <br class=""><div data-smartmail="gmail_signature" class=""><div dir="ltr" class=""><div class=""><div dir="ltr" class=""><div class=""><div dir="ltr" class=""><div class="">- Serena Chechile Doyle</div><div class=""><i class="">UXD | Unified Management Experience</i></div><div class=""><b style="color:rgb(0,0,173);font-family:"trebuchet ms",sans-serif;font-size:11px" class="">Red Hat</b></div><div style="font-family:'trebuchet ms',sans-serif" class=""><span style="font-size:11px" class=""><b style="color:rgb(0,0,173)" class="">Cell</b><span style="color:rgb(0,0,173)" class=""> </span><a href="tel:508-769-7715" value="+15087697715" style="color:rgb(17,85,204)" target="_blank" class="">508-769-7715</a> | <b style="color:rgb(0,0,173)" class="">IRC</b> - serena | <b style="color:rgb(0,0,173)" class="">Skype</b> - serenamarie125 </span><span style="font-size:11px" class="">| </span><b style="font-size:11px;color:rgb(0,0,173)" class="">Twitter</b><span style="font-size:11px" class=""> - @serenamarie125</span></div></div></div></div></div></div></div>
</font></span></div>
<br class=""></div></div>_______________________________________________<br class="">
Patternfly mailing list<br class="">
<a href="mailto:Patternfly@redhat.com" target="_blank" class="">Patternfly@redhat.com</a><br class="">
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank" class="">https://www.redhat.com/mailman/listinfo/patternfly</a><br class="">
<br class=""></blockquote></div><br class=""></div>
<br class="">_______________________________________________<br class="">
Patternfly mailing list<br class="">
<a href="mailto:Patternfly@redhat.com" target="_blank" class="">Patternfly@redhat.com</a><br class="">
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank" class="">https://www.redhat.com/mailman/listinfo/patternfly</a><br class="">
<br class=""></blockquote></div><br class=""></div>
_______________________________________________<br class="">Patternfly mailing list<br class=""><a href="mailto:Patternfly@redhat.com" target="_blank" class="">Patternfly@redhat.com</a><br class=""><a href="https://www.redhat.com/mailman/listinfo/patternfly" target="_blank" class="">https://www.redhat.com/mailman/listinfo/patternfly</a><br class=""></div></blockquote></div><br class=""></div></div></div></div><br class="">_______________________________________________<br class="">
Patternfly mailing list<br class="">
<a href="mailto:Patternfly@redhat.com" class="">Patternfly@redhat.com</a><br class="">
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank" class="">https://www.redhat.com/mailman/listinfo/patternfly</a><br class="">
<br class=""></blockquote></div><br class=""></div>
</div></blockquote></div><br class=""></div></body></html>