IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Customize: Re-architect and harden panel/section UI logic.

Browse Source 
Removes contents for sections and panels from being logically nested (in the DOM) in order to eliminate many issues related to using `margin-top` hacks. The element containing the link to expand the content element for panels and sections is now a sibling element to its content element: the content is removed from being nested at initialization. The content element is now available in a `contentContainer` property whereas the head element (containing the link to open the construct) is in a `headContainer` property. The existing `container` property is now a jQuery collection that contains both of these elements. Since the head element is no longer in an ancestor element to the `content` element, the `aria-owns` property is now used to maintain the relationship between the `headContainer` and the `contentContainer`. These changes are also accompanied by an improvement to the animation performance for the sliding panes.

Props delawski, celloexpressions.
Fixes #34391.
Fixes #34344.
Fixes #35947.

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


git-svn-id: http://core.svn.wordpress.org/trunk@38591 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Weston Ruter
2016-09-23 22:23:30 +00:00
parent d27606936b
commit 9fe024cd3f
18 changed files with 560 additions and 511 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
wp-admin/css/common-rtl.css
View File

@@ -3367,7 +3367,8 @@ img {
display: none;
}
.control-section .accordion-section-title {
.control-section .accordion-section-title,
.customize-pane-child .accordion-section-title {
border-right: none;
border-left: none;
padding: 10px 14px 11px 10px;
@@ -3375,7 +3376,8 @@ img {
background: #fff;
}
.control-section .accordion-section-title:after {
.control-section .accordion-section-title:after,
.customize-pane-child .accordion-section-title:after {
top: 11px;
}