Accessibility: Improve the headings hierarchy in the Add Themes screen.
Fixes #33819. Built from https://develop.svn.wordpress.org/trunk@35273 git-svn-id: http://core.svn.wordpress.org/trunk@35239 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
a89294dc49
commit
e074209a3d
|
@ -1126,9 +1126,10 @@ th.action-links {
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
float: right;
|
float: right;
|
||||||
margin: 0 0 0 1%;
|
margin: 0 0 0 1%;
|
||||||
padding: 10px;
|
padding: 20px 10px 10px;
|
||||||
width: 24%;
|
width: 24%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: 1px solid #e5e5e5;
|
border: 1px solid #e5e5e5;
|
||||||
|
@ -1136,24 +1137,27 @@ th.action-links {
|
||||||
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-group h4 {
|
.filter-group legend {
|
||||||
position: relative;
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
display: block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-drawer ol {
|
.filter-drawer .filter-group-feature {
|
||||||
margin: 20px 0 0;
|
margin: 28px 0 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-drawer li {
|
.filter-drawer .filter-group-feature input,
|
||||||
|
.filter-drawer .filter-group-feature label {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
margin: 7px 0 7px 4px;
|
||||||
margin: 5px 0;
|
line-height: 16px;
|
||||||
padding-left: 25px;
|
|
||||||
width: 160px;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-drawer .buttons {
|
.filter-drawer .buttons {
|
||||||
|
@ -3518,6 +3522,11 @@ img {
|
||||||
.edit-comment-author {
|
.edit-comment-author {
|
||||||
margin: 2px 0 0;
|
margin: 2px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.filter-drawer .filter-group-feature input,
|
||||||
|
.filter-drawer .filter-group-feature label {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Smartphone */
|
/* Smartphone */
|
||||||
|
|
|
@ -1126,9 +1126,10 @@ th.action-links {
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
float: left;
|
float: left;
|
||||||
margin: 0 1% 0 0;
|
margin: 0 1% 0 0;
|
||||||
padding: 10px;
|
padding: 20px 10px 10px;
|
||||||
width: 24%;
|
width: 24%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: 1px solid #e5e5e5;
|
border: 1px solid #e5e5e5;
|
||||||
|
@ -1136,24 +1137,27 @@ th.action-links {
|
||||||
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-group h4 {
|
.filter-group legend {
|
||||||
position: relative;
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
display: block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-drawer ol {
|
.filter-drawer .filter-group-feature {
|
||||||
margin: 20px 0 0;
|
margin: 28px 0 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-drawer li {
|
.filter-drawer .filter-group-feature input,
|
||||||
|
.filter-drawer .filter-group-feature label {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
margin: 7px 4px 7px 0;
|
||||||
margin: 5px 0;
|
line-height: 16px;
|
||||||
padding-right: 25px;
|
|
||||||
width: 160px;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-drawer .buttons {
|
.filter-drawer .buttons {
|
||||||
|
@ -3518,6 +3522,11 @@ img {
|
||||||
.edit-comment-author {
|
.edit-comment-author {
|
||||||
margin: 2px 0 0;
|
margin: 2px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.filter-drawer .filter-group-feature input,
|
||||||
|
.filter-drawer .filter-group-feature label {
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Smartphone */
|
/* Smartphone */
|
||||||
|
|
|
@ -396,15 +396,10 @@ p.search-box {
|
||||||
margin: -3px 0 4px;
|
margin: -3px 0 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#widget-list .widget,
|
#widget-list .widget {
|
||||||
.feature-filter .feature-group li {
|
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.feature-filter .feature-group li input {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editorcontainer #content {
|
#editorcontainer #content {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -695,10 +690,6 @@ input[type="password"],
|
||||||
border: 1px solid #DFDFDF;
|
border: 1px solid #DFDFDF;
|
||||||
}
|
}
|
||||||
|
|
||||||
* html .feature-filter .feature-group li {
|
|
||||||
width: 145px;
|
|
||||||
}
|
|
||||||
|
|
||||||
* html div.widget-liquid-left {
|
* html div.widget-liquid-left {
|
||||||
width: 99%;
|
width: 99%;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -396,15 +396,10 @@ p.search-box {
|
||||||
margin: -3px 0 4px;
|
margin: -3px 0 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#widget-list .widget,
|
#widget-list .widget {
|
||||||
.feature-filter .feature-group li {
|
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.feature-filter .feature-group li input {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editorcontainer #content {
|
#editorcontainer #content {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -695,10 +690,6 @@ input[type="password"],
|
||||||
border: 1px solid #DFDFDF;
|
border: 1px solid #DFDFDF;
|
||||||
}
|
}
|
||||||
|
|
||||||
* html .feature-filter .feature-group li {
|
|
||||||
width: 145px;
|
|
||||||
}
|
|
||||||
|
|
||||||
* html div.widget-liquid-left {
|
* html div.widget-liquid-left {
|
||||||
width: 99%;
|
width: 99%;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -960,7 +960,7 @@ themes.view.Themes = wp.Backbone.View.extend({
|
||||||
}
|
}
|
||||||
|
|
||||||
// Make sure the add-new stays at the end
|
// Make sure the add-new stays at the end
|
||||||
if ( page >= 1 ) {
|
if ( ! themes.isInstall && page >= 1 ) {
|
||||||
$( '.add-new-theme' ).remove();
|
$( '.add-new-theme' ).remove();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -982,7 +982,7 @@ themes.view.Themes = wp.Backbone.View.extend({
|
||||||
});
|
});
|
||||||
|
|
||||||
// 'Add new theme' element shown at the end of the grid
|
// 'Add new theme' element shown at the end of the grid
|
||||||
if ( themes.data.settings.canInstall ) {
|
if ( ! themes.isInstall && themes.data.settings.canInstall ) {
|
||||||
this.$el.append( '<div class="theme add-new-theme"><a href="' + themes.data.settings.installURI + '"><div class="theme-screenshot"><span></span></div><h2 class="theme-name">' + l10n.addNew + '</h2></a></div>' );
|
this.$el.append( '<div class="theme add-new-theme"><a href="' + themes.data.settings.installURI + '"><div class="theme-screenshot"><span></span></div><h2 class="theme-name">' + l10n.addNew + '</h2></a></div>' );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -153,17 +153,17 @@ include(ABSPATH . 'wp-admin/admin-header.php');
|
||||||
<?php
|
<?php
|
||||||
$feature_list = get_theme_feature_list();
|
$feature_list = get_theme_feature_list();
|
||||||
foreach ( $feature_list as $feature_name => $features ) {
|
foreach ( $feature_list as $feature_name => $features ) {
|
||||||
echo '<div class="filter-group">';
|
echo '<fieldset class="filter-group">';
|
||||||
$feature_name = esc_html( $feature_name );
|
$feature_name = esc_html( $feature_name );
|
||||||
echo '<h4>' . $feature_name . '</h4>';
|
echo '<legend>' . $feature_name . '</legend>';
|
||||||
echo '<ol class="feature-group">';
|
echo '<div class="filter-group-feature">';
|
||||||
foreach ( $features as $feature => $feature_name ) {
|
foreach ( $features as $feature => $feature_name ) {
|
||||||
$feature = esc_attr( $feature );
|
$feature = esc_attr( $feature );
|
||||||
echo '<li><input type="checkbox" id="filter-id-' . $feature . '" value="' . $feature . '" /> ';
|
echo '<input type="checkbox" id="filter-id-' . $feature . '" value="' . $feature . '" /> ';
|
||||||
echo '<label for="filter-id-' . $feature . '">' . $feature_name . '</label></li>';
|
echo '<label for="filter-id-' . $feature . '">' . $feature_name . '</label><br>';
|
||||||
}
|
}
|
||||||
echo '</ol>';
|
|
||||||
echo '</div>';
|
echo '</div>';
|
||||||
|
echo '</fieldset>';
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
<div class="filtered-by">
|
<div class="filtered-by">
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
*
|
*
|
||||||
* @global string $wp_version
|
* @global string $wp_version
|
||||||
*/
|
*/
|
||||||
$wp_version = '4.4-alpha-35272';
|
$wp_version = '4.4-alpha-35273';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 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