benjamin wil
0b75a47750
To give mobile page headers more structure, this commit adjusts the padding to be more symmetrical. It also adds a `border-bottom` on mobile only. In my opinion this improves readability by telling the reader, "This is where the navigation menu ends and the page content begins."
111 lines
2.5 KiB
Plaintext
111 lines
2.5 KiB
Plaintext
<nav class="TableObject
|
|
actions
|
|
border-bottom
|
|
border-md-0
|
|
p-2
|
|
pt-lg-4
|
|
px-lg-0
|
|
overflow-x-scroll">
|
|
<div class="TableObject-item hide-lg hide-xl">
|
|
{{>mobilenav}}
|
|
</div>
|
|
|
|
<div class="TableObject-item hide-sm hide-md">
|
|
<a class="btn btn-sm" id="minibutton-home" href="{{page_route}}">
|
|
Home
|
|
</a>
|
|
</div>
|
|
|
|
<div
|
|
class="TableObject-item TableObject-item--primary px-2"
|
|
{{^search}}style="visibility:hidden"{{/search}}
|
|
>
|
|
{{>searchbar}}
|
|
</div>
|
|
|
|
<div class="TableObject-item hide-sm hide-md">
|
|
<div class="BtnGroup d-flex">
|
|
{{#overview}}
|
|
<a
|
|
class="btn BtnGroup-item btn-sm"
|
|
href="{{overview_path}}"
|
|
id="minibutton-overview"
|
|
>
|
|
Overview
|
|
</a>
|
|
{{/overview}}
|
|
|
|
{{#latest_changes}}
|
|
<a
|
|
class="btn BtnGroup-item btn-sm"
|
|
href="{{latest_changes_path}}"
|
|
id="minibutton-latest-changes"
|
|
>
|
|
Latest Changes
|
|
</a>
|
|
{{/latest_changes}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="TableObject-item px-2">
|
|
<div class="BtnGroup d-flex">
|
|
{{#history}}
|
|
<a
|
|
class="btn BtnGroup-item btn-sm hide-sm hide-md"
|
|
href="{{history_path}}/{{escaped_url_path}}"
|
|
id="minibutton-history"
|
|
>
|
|
History
|
|
</a>
|
|
{{/history}}
|
|
|
|
{{#allow_editing}}
|
|
{{#allow_uploads}}
|
|
<button
|
|
class="btn BtnGroup-item btn-sm hide-sm hide-md
|
|
minibutton-upload-page"
|
|
>
|
|
Upload
|
|
</button>
|
|
{{/allow_uploads}}
|
|
|
|
{{#editable}}
|
|
<button
|
|
class="btn BtnGroup-item btn-sm hide-sm hide-md
|
|
minibutton-rename-page"
|
|
>
|
|
Rename
|
|
</button>
|
|
<a
|
|
class="btn BtnGroup-item btn-sm hide-sm hide-md"
|
|
href="{{edit_path}}/{{escaped_url_path}}"
|
|
id="minibutton-edit-page"
|
|
>
|
|
Edit
|
|
</a>
|
|
{{/editable}}
|
|
{{/allow_editing}}
|
|
</div>
|
|
</div>
|
|
|
|
{{#allow_editing}}
|
|
{{#editable}}
|
|
<div class="TableObject-item">
|
|
<a class="btn btn-primary btn-sm minibutton-new-page" href="#">
|
|
New
|
|
</a>
|
|
</div>
|
|
{{/editable}}
|
|
|
|
{{^editable}}
|
|
{{#newable}}
|
|
<div class="TableObject-item">
|
|
<a class="btn btn-primary btn-sm minibutton-new-page" href="#">
|
|
New
|
|
</a>
|
|
</div>
|
|
{{/newable}}
|
|
{{/editable}}
|
|
{{/allow_editing}}
|
|
</nav>
|