Move demo banner above usa-banner

This commit is contained in:
igorkorenfeld 2022-12-05 12:38:28 -05:00
parent abf32819b2
commit 7ddfaae8c9
No known key found for this signature in database
GPG key ID: 826947A4B867F659
2 changed files with 15 additions and 15 deletions

View file

@ -18,7 +18,6 @@ in the form $setting: value,
@use "uswds-core" with (
$theme-banner-background-color: "primary-darker",
$theme-banner-link-color: "primary-lighter",
$theme-banner-max-width: "none",
$theme-show-notifications: false,
$theme-hero-image: "../img/registrar/dotgov_banner.png",

View file

@ -48,6 +48,21 @@
<script src="{% static 'js/uswds.min.js' %}" defer></script>
<a class="usa-skipnav" href="#main-content">Skip to main content</a>
{% if IS_DEMO_SITE %}
<section
class="usa-site-alert usa-site-alert--emergency usa-site-alert--no-icon"
aria-label="Site alert"
>
<div class="usa-alert">
<div class="usa-alert__body">
<p class="usa-alert__text">
<strong>TEST SITE</strong> - Do not use real personal information. Demo purposes only.
</p>
</div>
</div>
</section>
{% endif %}
<section class="usa-banner" aria-label="Official website of the United States government">
<div class="usa-accordion">
<header class="usa-banner__header">
@ -104,20 +119,6 @@
</div>
</div>
</section>
{% if IS_DEMO_SITE %}
<section
class="usa-site-alert usa-site-alert--emergency usa-site-alert--no-icon"
aria-label="Site alert"
>
<div class="usa-alert">
<div class="usa-alert__body">
<p class="usa-alert__text">
<strong>TEST SITE</strong> - Do not use real personal information. Demo purposes only.
</p>
</div>
</div>
</section>
{% endif %}
{% block usa_overlay %}<div class="usa-overlay"></div>{% endblock %}