fix: h2 in media edit dialog should be h1 (#1453)

The dialog is in its own document, so the heading level should start
back at h1.
This commit is contained in:
Nolan Lawson 2019-08-29 20:13:20 -07:00 committed by GitHub
parent b126faeacd
commit 450785ea81
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -8,7 +8,7 @@
> >
<div class="media-edit-dialog-container"> <div class="media-edit-dialog-container">
<div class="media-edit-header-and-item media-edit-header-and-item-alt"> <div class="media-edit-header-and-item media-edit-header-and-item-alt">
<h2>Description</h2> <h1>Description</h1>
<MediaAltEditor <MediaAltEditor
className="media-edit-item" className="media-edit-item"
{realm} {realm}
@ -20,7 +20,7 @@
</div> </div>
{#if type === 'image'} {#if type === 'image'}
<div class="media-edit-header-and-item media-edit-header-and-item-focal"> <div class="media-edit-header-and-item media-edit-header-and-item-focal">
<h2>Preview (focal point)</h2> <h1>Preview (focal point)</h1>
<MediaFocalPointEditor <MediaFocalPointEditor
className="media-edit-item" className="media-edit-item"
{realm} {realm}
@ -49,8 +49,9 @@
padding: 10px; padding: 10px;
} }
.media-edit-header-and-item h2 { .media-edit-header-and-item h1 {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 1.4em;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
@ -84,7 +85,7 @@
flex-basis: 60%; flex-basis: 60%;
} }
.media-edit-header-and-item h2 { .media-edit-header-and-item h1 {
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 5px; margin-bottom: 5px;
} }