Merge pull request #3160 from alphagov/no-min-height-sticky-button

Remove min-height from sticky submit buttons
This commit is contained in:
Chris Hill-Scott
2019-11-15 12:35:21 +00:00
committed by GitHub
4 changed files with 13 additions and 10 deletions

View File

@@ -38,9 +38,17 @@
}
&-right-aligned-link {
position: absolute;
right: 0;
top: 10px; // align baseline with buttons
top: 9px; // align baseline with buttons
&-without-button {
position: absolute;
right: 0;
top: 0;
}
}
.button,

View File

@@ -53,12 +53,7 @@ $sticky-padding: $gutter * 2 / 3;
}
.page-footer {
margin-bottom: 0;
min-height: 50px;
}
.page-footer-delete-link-without-button {
margin-top: 10px;
margin-bottom: 1px;
}
.notification-status {
@@ -66,7 +61,7 @@ $sticky-padding: $gutter * 2 / 3;
}
.button-secondary {
margin-right: $gutter-half;
margin: 0 $gutter-half 3px 0;
}
}

View File

@@ -78,7 +78,7 @@
<button type="submit" class="button">Send 1 {{ message_count_label(1, template.template_type, suffix='') }}</button>
{% endif %}
{% if template.template_type == 'letter' %}
<a href="{{ url_for('main.check_notification_preview', service_id=current_service.id, template_id=template.id, filetype='pdf') }}" download class="page-footer-right-aligned-link">Download as a PDF</a>
<a href="{{ url_for('main.check_notification_preview', service_id=current_service.id, template_id=template.id, filetype='pdf') }}" download class="page-footer-right-aligned-link{% if error %}-without-button{% endif %}">Download as a PDF</a>
{% endif %}
</form>
</div>

View File

@@ -87,7 +87,7 @@
{% else %}
<div>&nbsp;</div>
{% endif %}
<a class="page-footer-right-aligned-link" href="{{ url_for('main.view_letter_notification_as_preview', service_id=current_service.id, notification_id=notification_id, filetype='pdf') }}" download>Download as a PDF</a>
<a class="page-footer-right-aligned-link-without-button" href="{{ url_for('main.view_letter_notification_as_preview', service_id=current_service.id, notification_id=notification_id, filetype='pdf') }}" download>Download as a PDF</a>
</div>
</div>
{% elif template.template_type == 'email' %}