966c7dbf02
New look for the navbar and new functionality on mobile. Also includes new look for the mounts list and headers in secret engines.
39 lines
1.2 KiB
Handlebars
39 lines
1.2 KiB
Handlebars
<nav class="navbar">
|
|
<div class="navbar-brand" data-test-navheader-home>
|
|
{{yield (hash home=(component 'nav-header/home'))}}
|
|
</div>
|
|
|
|
{{#unless navDrawerOpen}}
|
|
<div class="navbar-drawer-toggle is-hidden-tablet" onclick={{action "toggleNavDrawer"}}>
|
|
<ICon @glyph="more-vertical" @size="16" /> Menu
|
|
</div>
|
|
{{/unless}}
|
|
|
|
<div class="navbar-drawer{{if navDrawerOpen ' is-active'}}">
|
|
<div class="navbar-drawer-scroll">
|
|
<div data-test-navheader-main>
|
|
{{yield (hash
|
|
main=(component 'nav-header/main')
|
|
closeDrawer=(action "toggleNavDrawer" false)
|
|
)
|
|
}}
|
|
</div>
|
|
<div class="navbar-end" data-test-navheader-items>
|
|
{{yield (hash
|
|
items=(component 'nav-header/items')
|
|
closeDrawer=(action "toggleNavDrawer" false)
|
|
)
|
|
}}
|
|
</div>
|
|
</div>
|
|
|
|
{{#if navDrawerOpen}}
|
|
<button class=" navbar-drawer-toggle is-hidden-tablet" type="button" {{action "toggleNavDrawer" false}}>
|
|
<ICon @glyph="close" @size="16" />
|
|
</button>
|
|
{{/if}}
|
|
</div>
|
|
|
|
<div class="navbar-drawer-overlay{{if navDrawerOpen ' is-active'}}" onclick={{action "toggleNavDrawer"}}></div>
|
|
</nav>
|