Meta Boxes: reboot some of the code in postbox.js to support aria-expanded attribute toggling and to properly reference static class properties.

Props afercia, wonderboymusic.
Fixes #33754.


git-svn-id: https://develop.svn.wordpress.org/trunk@34893 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Scott Taylor
2015-10-07 01:57:06 +00:00
parent b7c01dc018
commit dae3ea83cb
4 changed files with 85 additions and 51 deletions

View File

@@ -1831,13 +1831,15 @@ html.wp-toolbar {
}
.postbox .handlediv {
display: none;
float: right;
width: 33px;
width: 36px;
height: 36px;
padding: 0;
}
.js .postbox .handlediv {
cursor: pointer;
display: block;
}
.sortable-placeholder {
@@ -2770,19 +2772,23 @@ img {
/* Metabox collapse arrow indicators */
.js .sidebar-name .sidebar-name-arrow:before,
.js .meta-box-sortables .postbox .handlediv:before {
right: 12px;
.js .meta-box-sortables .postbox .toggle-indicator:before {
position: relative;
left: -1px; /* fix the dashicon horizontal alignment */
display: inline-block;
font: normal 20px/1 dashicons;
speak: none;
display: inline-block;
padding: 8px 10px;
top: 0;
position: relative;
padding: 8px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
}
.js .sidebar-name .sidebar-name-arrow:before {
padding: 10px;
left: 0;
}
.js #widgets-left .sidebar-name .sidebar-name-arrow {
display: none;
}
@@ -2794,12 +2800,12 @@ img {
/* Show the arrow only on hover */
.js .sidebar-name .sidebar-name-arrow:before,
.js .meta-box-sortables .postbox .handlediv:before {
.js .meta-box-sortables .postbox .toggle-indicator:before {
content: "\f142";
}
.js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
.js .meta-box-sortables .postbox.closed .handlediv:before {
.js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before {
content: "\f140";
}
@@ -2925,6 +2931,7 @@ img {
.widget-action:hover,
.handlediv:hover,
.handlediv:focus,
.item-edit:hover,
.sidebar-name:hover .sidebar-name-arrow,
.accordion-section-title:hover:after {

View File

@@ -147,10 +147,8 @@ div#widgets-left .sidebar-name h3 {
margin: 0 10px 0 0;
}
div#widgets-left .sidebar-name .sidebar-name-arrow:before {
right: 0;
top: 4px;
padding: 4px 6px 4px 4px;
#widgets-left .sidebar-name .sidebar-name-arrow:before {
padding: 9px;
}
#widgets-left #available-widgets,
@@ -250,8 +248,7 @@ div#widgets-right .sidebar-name h3 {
}
div#widgets-right .sidebar-name .sidebar-name-arrow:before {
right: 0;
top: 4px;
top: 2px;
}
div#widgets-right .widget-top {