Contents

<header id="header-is_fixed">
  <%= render partial: "forever_style_guide/sections/components/navigation/signed_in" %>
</header>
<div class="container l-section">
  <div class="card l-section-far l-padded-thick" style="min-height: 800px;">
    <h1>Fixed Navigation - Signed In User</h1>
    <p>To implement:</p>
    <ol>
      <li>Add the account popover triggers markup for mobile and desktop w/ in your conditional check against the logged in state.</li>
      <li>Immediately following the triggers include the popover content markup</li>
      <li>Be sure to include the (empty) account popover containers for desktop and mobile immediately after the closing &lt;nav&gt; tag.</li>
      <li>Include the  account-popover.js snippet</li>
    </ol>
    <p>How it works:</p>
    <ul>
      <li>On the desktop the avatar and name expose a popover inlined into the header the same way we do in the app, albeit with slightly modified contextual styling.</li>
      <li>In mobile contexts, the popover behaves like an additional dropdown item and we must check against viewport height in the same manner we do for the <%= link_to "basic fixed header nav", demo_link('navigation-fixed') %> in mobile contexts. </li>
      <li>Reference: <a href='http://getbootstrap.com/javascript/#dropdowns-methods'>Bootstrap Popovers</a></li>
    </ul>
  </div>
</div>

Version data entries

12 entries across 12 versions & 1 rubygems

Version	Path
forever_style_guide-2.0.3	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-2.0.2	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-2.0.1	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-2.0.0	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-1.2.11	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-1.2.10	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-1.2.9	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-1.2.8	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-1.2.7	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-1.2.5	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-1.2.4	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
forever_style_guide-1.2.3	app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb