mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-24 16:24:08 -04:00
a85f7fa2c1
We had 7 classes in _grids.scss named `.column-...` which were being used to give a certain column width. These worked by using `@include grid column()`, which is now deprecated. `.column-whole` and `.column-three-quarters` can be removed and replaced with `govuk-grid-column-full` and `govuk-grid-column-three-quarters` respectively. The other column classes don't have a direct replacment in GOV.UK Frontend. To get round this, we overwrite the `$govuk-grid-width` SASS map in `extensions.scss` to add in extra widths, then use this with the `govuk-grid-column` mixin to create new classes in for our custom widths in `_grids.scss`
56 lines
1.5 KiB
HTML
56 lines
1.5 KiB
HTML
{% extends "views/platform-admin/_base_template.html" %}
|
|
{% from "components/page-footer.html" import page_footer %}
|
|
{% from "components/form.html" import form_wrapper %}
|
|
{% from "components/button/macro.njk" import govukButton %}
|
|
|
|
{% block per_page_title %}
|
|
Find services by name
|
|
{% endblock %}
|
|
|
|
{% block platform_admin_content %}
|
|
|
|
<h1 class="heading-large">
|
|
Find services by name
|
|
</h1>
|
|
|
|
|
|
{% call form_wrapper(
|
|
action=url_for('.find_services_by_name'),
|
|
class='govuk-grid-row'
|
|
) %}
|
|
<div class="govuk-grid-column-three-quarters">
|
|
{{ textbox(
|
|
form.search,
|
|
width='1-1',
|
|
label='Find services by name, or by partial name'
|
|
) }}
|
|
</div>
|
|
<div class="govuk-grid-column-one-quarter">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
{{ govukButton({
|
|
"text": "Search",
|
|
"classes": "search-form__button"
|
|
}) }}
|
|
</div>
|
|
{% endcall %}
|
|
|
|
{% call form_wrapper(id='search-form' ) %}
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
{% endcall %}
|
|
|
|
{% if services_found %}
|
|
<nav class="browse-list">
|
|
<ul>
|
|
{% for service in services_found %}
|
|
<li class="browse-list-item">
|
|
<a href="{{url_for('.service_dashboard', service_id=service.id)}}" class="govuk-link govuk-link--no-visited-state">{{ service.name }}</a>
|
|
</li>
|
|
<hr>
|
|
{% endfor %}
|
|
</ul>
|
|
</nav>
|
|
{% elif services_found == [] %}
|
|
<p class="browse-list-hint">No services found.</p>
|
|
{% endif %}
|
|
{% endblock %}
|