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:
parent
6da9c88729
commit
fa5fb55e1d
|
@ -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};
|
||||||
|
|
|
@ -20,8 +20,8 @@ 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
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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.
|
||||||
|
|
Loading…
Reference in New Issue