mirror of
https://github.com/WordPress/WordPress.git
synced 2025-02-16 19:46:21 +00:00
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%;
|
||||||
}
|
}
|
||||||
|
2
wp-admin/css/ie-rtl.min.css
vendored
2
wp-admin/css/ie-rtl.min.css
vendored
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%;
|
||||||
}
|
}
|
||||||
|
2
wp-admin/css/ie.min.css
vendored
2
wp-admin/css/ie.min.css
vendored
File diff suppressed because one or more lines are too long
4
wp-admin/css/wp-admin-rtl.min.css
vendored
4
wp-admin/css/wp-admin-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
4
wp-admin/css/wp-admin.min.css
vendored
4
wp-admin/css/wp-admin.min.css
vendored
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>' );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
2
wp-admin/js/theme.min.js
vendored
2
wp-admin/js/theme.min.js
vendored
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…
x
Reference in New Issue
Block a user