benjamin wil
68d0dd0cd5
* If navbar is too wide, use overflow-x: scroll * Add initial mobile nav menu * Use CSS classes instead of IDs for jQuery events * Change content x-axis padding for mobile devices * Recompile assets for mobile menu feature
73 lines
1.8 KiB
Plaintext
73 lines
1.8 KiB
Plaintext
<details class="details-reset details-overlay">
|
|
<summary class="btn btn-invisible" aria-haspopup="true">
|
|
<span aria-label="Open menu">☰</span>
|
|
</summary>
|
|
|
|
<div class="SelectMenu mx-sm-2">
|
|
<div class="SelectMenu-modal">
|
|
<div class="SelectMenu-divider py-3">
|
|
<h2 class="h6">Current Page</h2>
|
|
<div>{{page_header}}</div>
|
|
</div>
|
|
|
|
{{#history}}
|
|
<a
|
|
class="SelectMenu-item"
|
|
href="{{history_path}}/{{escaped_url_path}}"
|
|
role="menuitem"
|
|
>
|
|
<span>History</span>
|
|
</a>
|
|
{{/history}}
|
|
|
|
{{#allow_editing}}
|
|
{{#allow_uploads}}
|
|
<a class="SelectMenu-item minibutton-upload-page" role="menuitem">
|
|
<span>Upload</span>
|
|
</a>
|
|
{{/allow_uploads}}
|
|
|
|
{{#editable}}
|
|
<a class="SelectMenu-item minibutton-rename-page" role="menuitem">
|
|
<span>Rename</span>
|
|
</a>
|
|
|
|
<a
|
|
class="SelectMenu-item minibutton-edit-page"
|
|
href="{{edit_path}}/{{escaped_url_path}}"
|
|
role="menuitem"
|
|
>
|
|
<span>Edit</span>
|
|
</a>
|
|
{{/editable}}
|
|
{{/allow_editing}}
|
|
|
|
<div class="SelectMenu-divider py-3">
|
|
<h2 class="h6">Main Menu</h2>
|
|
</div>
|
|
|
|
<div class="SelectMenu-list">
|
|
<a class="SelectMenu-item" role="menuitem" href="{{page_route}}">
|
|
Home
|
|
</a>
|
|
|
|
{{#overview}}
|
|
<a class="SelectMenu-item" role="menuitem" href="{{overview_path}}">
|
|
Overview
|
|
</a>
|
|
{{/overview}}
|
|
|
|
{{#latest_changes}}
|
|
<a
|
|
class="SelectMenu-item"
|
|
href="{{latest_changes_path}}"
|
|
role="menuitem"
|
|
>
|
|
Latest Changes
|
|
</a>
|
|
{{/latest_changes}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</details>
|