Customize: Fix keyboard accessibility for toggling screen options and contextual help.

Also fix layout of search results in mobile.

Props valendesigns, afercia, adamsilverstein.
Fixes #33184.


git-svn-id: https://develop.svn.wordpress.org/trunk@33617 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Weston Ruter
2015-08-14 21:22:57 +00:00
parent 6d5da327f5
commit a4bbc4454c
2 changed files with 27 additions and 3 deletions

View File

@@ -710,7 +710,11 @@ button.not-a-button {
top: 60px; /* below title div / search input */
bottom: 0px; /* 100% height that still triggers lazy load */
max-height: none;
width: 270px;
width: 100%;
padding: 1px 15px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#available-menu-items .menu-item-tpl {
@@ -1036,6 +1040,12 @@ li.assigned-to-menu-location .add-new-menu-item {
display: none;
}
@media screen and ( max-width: 782px ) {
#available-menu-items #available-menu-items-search .accordion-section-content {
top: 63px;
}
}
@media screen and ( max-width: 640px ) {
body.adding-menu-items div#available-menu-items {
top: 46px;
@@ -1044,6 +1054,10 @@ li.assigned-to-menu-location .add-new-menu-item {
width: 100%;
}
#available-menu-items #available-menu-items-search .accordion-section-content {
top: 133px;
}
#available-menu-items .customize-section-title {
display: block;
margin: 0;