Make ‘Add new’ buttons sticky on more pages

For consistency with the template management page.
This commit is contained in:
Chris Hill-Scott
2019-02-01 12:36:03 +00:00
parent 02fb5f69dd
commit afdc749e36
5 changed files with 41 additions and 51 deletions

View File

@@ -3,7 +3,7 @@ $item-top-padding: $gutter-half;
.user-list {
@include core-19;
margin-bottom: $gutter * 1.5;
margin-bottom: $gutter;
&-item {

View File

@@ -10,16 +10,9 @@
{% block maincolumn_content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-large">
API keys
</h1>
</div>
<div class="column-one-third">
<a href="{{ url_for('.create_api_key', service_id=current_service.id) }}" class="button align-with-heading">Create an API key</a>
</div>
</div>
<h1 class="heading-large">
API keys
</h1>
<div class="body-copy-table">
{% call(item, row_number) list_table(
@@ -59,9 +52,8 @@
{% endcall %}
</div>
{{ page_footer(
secondary_link=url_for('.api_integration', service_id=current_service.id),
secondary_link_text='Back to API integration'
) }}
<div class="js-stick-at-bottom-when-scrolling">
<a href="{{ url_for('.create_api_key', service_id=current_service.id) }}" class="button-secondary">Create an API key</a>
</div>
{% endblock %}

View File

@@ -11,18 +11,9 @@
{% block maincolumn_content %}
<div class="grid-row bottom-gutter">
<div class="column-two-thirds">
<h1 class="heading-large">
Team members
</h1>
</div>
{% if current_user.has_permissions('manage_service') %}
<div class="column-one-third">
<a href="{{ url_for('.invite_user', service_id=current_service.id) }}" class="button align-with-heading">Invite team member</a>
</div>
{% endif %}
</div>
<h1 class="heading-large">
Team members
</h1>
{% if show_search_box %}
<div data-module="autofocus">
@@ -81,4 +72,10 @@
{% endfor %}
</div>
{% if current_user.has_permissions('manage_service') %}
<div class="js-stick-at-bottom-when-scrolling">
<a href="{{ url_for('.invite_user', service_id=current_service.id) }}" class="button-secondary">Invite a team member</a>
</div>
{% endif %}
{% endblock %}

View File

@@ -9,18 +9,10 @@
{% block maincolumn_content %}
<div class="grid-row bottom-gutter">
<div class="column-two-thirds">
<h1 class="heading-large">
Email reply-to addresses
</h1>
</div>
{% if current_user.has_permissions('manage_service') %}
<div class="column-one-third">
<a href="{{ url_for('.service_add_email_reply_to', service_id=current_service.id) }}" class="button align-with-heading">Add email address</a>
</div>
{% endif %}
</div>
<h1 class="heading-large">
Email reply-to addresses
</h1>
<div class="user-list">
{% if not current_service.email_reply_to_addresses %}
<div class="user-list-item">
@@ -46,6 +38,13 @@
{% endfor %}
</div>
<div class="grid-row">
<div class="column-whole">
{% if current_user.has_permissions('manage_service') %}
<div class="js-stick-at-bottom-when-scrolling">
<a href="{{ url_for('.service_add_email_reply_to', service_id=current_service.id) }}" class="button">Add email reply-to address</a>
</div>
{% endif %}
</div>
<div class="column-five-sixths">
<p>
You need to add at least one reply-to address so recipients can reply to your messages.
@@ -59,4 +58,5 @@
</ul>
</div>
</div>
{% endblock %}

View File

@@ -8,18 +8,11 @@
{% endblock %}
{% block maincolumn_content %}
<div class="grid-row bottom-gutter">
<div class="column-two-thirds">
<h1 class="heading-large">
Text message senders
</h1>
</div>
{% if current_user.has_permissions('manage_service') %}
<div class="column-one-third">
<a href="{{ url_for('.service_add_sms_sender', service_id=current_service.id) }}" class="button align-with-heading">Add text message sender</a>
</div>
{% endif %}
</div>
<h1 class="heading-large">
Text message senders
</h1>
<div class="user-list">
{% if not current_service.sms_senders %}
<div class="user-list-item">
@@ -46,6 +39,14 @@
</div>
{% endfor %}
</div>
{% if current_user.has_permissions('manage_service') %}
<div class="grid-row bottom-gutter">
<div class="column-whole">
<a href="{{ url_for('.service_add_sms_sender', service_id=current_service.id) }}" class="button">Add text message sender</a>
</div>
</div>
{% endif %}
<p>
The text message sender tells your users who the message is from.
</p>