Style template length message to sit inline

This looks tidy, and because of the sticky footer it means the message
is always visible, even if your template is quite long. So no matter
where you’re scrolled to in the template you don’t have to scroll to the
bottom to see the count update.
This commit is contained in:
Chris Hill-Scott
2021-01-06 17:38:44 +00:00
parent d452c0081d
commit dd30c9f970
7 changed files with 31 additions and 6 deletions

View File

@@ -29,8 +29,8 @@
</div>
<div class="govuk-grid-column-full">
<div class="js-stick-at-bottom-when-scrolling">
{{ page_footer('Save') }}
<span class="template-list-selected-counter">
{{ page_footer('Save', inline_block=True) }}
<span class="template-content-count">
<div data-module="update-status" data-target="template_content" data-updates-url="{{ url_for('.count_content_length', service_id=current_service.id, template_type='sms') }}" aria-live="polite">
</div>
</span>