Accessibility: Twenty Nineteen: Improve the special pages headings.

Improves information provided by the headings, their alignment and spacing in the following special pages:
- search page with and without search results
- 404 page (no content)
- archive pages

Props ianbelanger, kjellr, nrqsnchz, audrasjb.
Fixes #47140.

Built from https://develop.svn.wordpress.org/trunk@46234


git-svn-id: http://core.svn.wordpress.org/trunk@46046 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2019-09-22 21:59:56 +00:00
parent 6da9c88729
commit fa5fb55e1d
5 changed files with 12 additions and 46 deletions

View File

@ -5,7 +5,7 @@
margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit}); margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});
@include media(tablet) { @include media(tablet) {
margin: 0 $size__site-margins $size__site-margins; margin: 0 $size__site-margins calc(3 * #{$size__spacing-unit});
} }
.page-title { .page-title {
@ -23,16 +23,11 @@
.page-description { .page-description {
display: inherit; display: inherit;
clear: both; clear: both;
&:after {
content: ".";
font-weight: bold;
color: $color__text-light;
}
} }
} }
.archive .page-header .page-description { .archive .page-header .page-description,
.search .page-header .page-description {
display: block; display: block;
color: $color__text-main; color: $color__text-main;
font-size: 1em; font-size: 1em;
@ -50,7 +45,6 @@
.error-404.not-found, .error-404.not-found,
.no-results.not-found { .no-results.not-found {
.page-title,
.page-content { .page-content {
margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit}; margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};

View File

@ -19,9 +19,9 @@ get_header();
<header class="page-header"> <header class="page-header">
<h1 class="page-title"> <h1 class="page-title">
<?php _e( 'Search results for:', 'twentynineteen' ); ?> <?php _e( 'Search results for: ', 'twentynineteen' ); ?>
<span class="page-description"><?php echo get_search_query(); ?></span>
</h1> </h1>
<div class="page-description"><?php echo get_search_query(); ?></div>
</header><!-- .page-header --> </header><!-- .page-header -->
<?php <?php

View File

@ -4939,7 +4939,7 @@ body.page .main-navigation {
.archive .page-header, .archive .page-header,
.search .page-header, .search .page-header,
.error404 .page-header { .error404 .page-header {
margin: 0 calc(10% + 60px) calc(10% + 60px); margin: 0 calc(10% + 60px) calc(3 * 1rem);
} }
} }
@ -4967,18 +4967,8 @@ body.page .main-navigation {
clear: both; clear: both;
} }
.archive .page-header .search-term:after, .archive .page-header .page-description,
.archive .page-header .page-description:after, .search .page-header .page-description {
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
content: ".";
font-weight: bold;
color: #767676;
}
.archive .page-header .page-description {
display: block; display: block;
color: #111; color: #111;
font-size: 1em; font-size: 1em;
@ -4991,17 +4981,13 @@ body.page .main-navigation {
} }
/* 404 & Not found */ /* 404 & Not found */
.error-404.not-found .page-title,
.error-404.not-found .page-content, .error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content { .no-results.not-found .page-content {
margin: calc(3 * 1rem) 1rem; margin: calc(3 * 1rem) 1rem;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.error-404.not-found .page-title,
.error-404.not-found .page-content, .error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content { .no-results.not-found .page-content {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2); margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
} }

View File

@ -4945,7 +4945,7 @@ body.page .main-navigation {
.archive .page-header, .archive .page-header,
.search .page-header, .search .page-header,
.error404 .page-header { .error404 .page-header {
margin: 0 calc(10% + 60px) calc(10% + 60px); margin: 0 calc(10% + 60px) calc(3 * 1rem);
} }
} }
@ -4973,18 +4973,8 @@ body.page .main-navigation {
clear: both; clear: both;
} }
.archive .page-header .search-term:after, .archive .page-header .page-description,
.archive .page-header .page-description:after, .search .page-header .page-description {
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
content: ".";
font-weight: bold;
color: #767676;
}
.archive .page-header .page-description {
display: block; display: block;
color: #111; color: #111;
font-size: 1em; font-size: 1em;
@ -4997,17 +4987,13 @@ body.page .main-navigation {
} }
/* 404 & Not found */ /* 404 & Not found */
.error-404.not-found .page-title,
.error-404.not-found .page-content, .error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content { .no-results.not-found .page-content {
margin: calc(3 * 1rem) 1rem; margin: calc(3 * 1rem) 1rem;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.error-404.not-found .page-title,
.error-404.not-found .page-content, .error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content { .no-results.not-found .page-content {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2); margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
} }

View File

@ -13,7 +13,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '5.3-alpha-46233'; $wp_version = '5.3-alpha-46234';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.