mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-15 19:01:04 -04:00
27f1eeca0b
Service names can be quite long. Organisation names can be quite long. Together they can be very long. This isn’t great because: - sometimes they overflow the width of the container, which looks broken - even if they’re not that long they can make the UI look quite cluttered This commit restricts them to widths that should stop the above from happening. In the case of the organisation name the width has specifically been chosen to line up with the ¼ and ¾ column grid used by the navigation.
41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
{% extends "admin_template.html" %}
|
||
|
||
{% block per_page_title %}
|
||
{% block service_page_title %}{% endblock %} – {{ current_service.name }}
|
||
{% endblock %}
|
||
|
||
{% block fullwidth_content %}
|
||
<div id="content">
|
||
<div class="navigation-service">
|
||
{% if current_service.organisation_id %}
|
||
{% if current_user.platform_admin or
|
||
(current_user.belongs_to_organisation(current_service.organisation_id) and current_service.live) %}
|
||
<a href="{{ url_for('.organisation_dashboard', org_id=current_service.organisation.id) }}" class="navigation-organisation-link">{{ current_service.organisation.name }}</a>
|
||
<span class="navigation-breadcrumb"></span>
|
||
{% endif %}
|
||
{% endif %}
|
||
<div class="navigation-service-name">
|
||
{{ current_service.name }}
|
||
</div>
|
||
<a href="{{ url_for('main.choose_account') }}" class="navigation-service-switch">Switch service</a>
|
||
</div>
|
||
<div class="grid-row">
|
||
{% if help %}
|
||
<div class="column-one-third">
|
||
{% else %}
|
||
<div class="column-one-quarter">
|
||
{% endif %}
|
||
{% include "main_nav.html" %}
|
||
</div>
|
||
{% if help %}
|
||
<main role="main" class="column-two-thirds column-main">
|
||
{% else %}
|
||
<main role="main" class="column-three-quarters column-main">
|
||
{% endif %}
|
||
{% include 'flash_messages.html' %}
|
||
{% block maincolumn_content %}{% endblock %}
|
||
</main>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|