Add a new pattern for sub-navigation

This is like the ‘pill’ pattern that we use for filtering lists of
notifications. However it is meant for navigating between discrete
things, not a filtered view of the same list.

This is why is has a gutter between each item, and no selected state.

Turns out we already had a pattern about this on the dashboard, so this
commit also changes the dashboard to use the same code.
This commit is contained in:
Chris Hill-Scott
2016-09-20 11:46:56 +01:00
parent dfa3a9242f
commit f514d377f7
3 changed files with 40 additions and 17 deletions

View File

@@ -8,11 +8,17 @@
{% block maincolumn_content %}
<h1 class="heading-large">
<h1 class="heading-large bottom-gutter">
API integration
</h1>
<a href="{{ url_for('.api_keys', service_id=current_service.id) }}">API keys</a>
<a href="{{ url_for('.api_documentation', service_id=current_service.id) }}">Documentation</a>
<nav class="grid-row">
<div class="column-half">
<a class="pill-separate-item" href="{{ url_for('.api_keys', service_id=current_service.id) }}">API keys</a>
</div>
<div class="column-half">
<a class="pill-separate-item" href="{{ url_for('.api_documentation', service_id=current_service.id) }}">Documentation</a>
</div>
</nav>
{% endblock %}