Skip to content

Commit

Permalink
Change modal header to avoid breaking nav components
Browse files Browse the repository at this point in the history
  • Loading branch information
jperson1 committed Nov 27, 2024
1 parent 03426ce commit 0febd8c
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions src/_includes/components/image_modal.njk
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,10 @@ Use like so:
aria-describedby="image-modal-description">
<div class="usa-modal__content">
<div class="padding-x-4 padding-bottom-4">
<h2 class="usa-modal__heading" id="image-modal-heading">
{# This is <p>, instead of <h2>. This is so it doesn't break certain components like the in-page nav, or mess with ordering on alternate viewing options #}
<p class="usa-modal__heading" id="image-modal-heading">
Image
</h2>
</p>
<img src="{{config.baseUrl}}{{image_path}}"
style="border: 1px solid #555;"
alt="{{ image_alt }}"/>
Expand Down

0 comments on commit 0febd8c

Please sign in to comment.