sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Customize: Fix mobile placement of panes for available widgets and nav menu items.

Browse Source 
Props Mahvash-Fatima.
Amends [41893].
See #42215.
Fixes #42359.


git-svn-id: https://develop.svn.wordpress.org/trunk@42036 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Weston Ruter 2017-10-28 06:53:40 +00:00
parent f9472e94b8
commit 69b8d057da
1 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/wp-admin/css/customize-controls.css
View File

@ -2864,11 +2864,6 @@ body.adding-widget .add-new-widget:before,
@media screen and ( max-width: 640px ) { @media screen and ( max-width: 640px ) {
.wp-full-overlay.expanded,
.outer-section-open .wp-full-overlay.expanded {
margin-left: 0;
}
/* when the sidebar is collapsed and switching to responsive view, /* when the sidebar is collapsed and switching to responsive view,
bring it back see ticket #35220 */ bring it back see ticket #35220 */
.wp-full-overlay.collapsed #customize-controls { .wp-full-overlay.collapsed #customize-controls {
@ -2931,10 +2926,6 @@ body.adding-widget .add-new-widget:before,
display: block; display: block;
} }
.wp-full-overlay.expanded {
margin-left: 300px;
}
.wp-core-ui.wp-customizer .button { .wp-core-ui.wp-customizer .button {
padding: 6px 14px; padding: 6px 14px;
line-height: normal; line-height: normal;
@ -2954,20 +2945,9 @@ body.adding-widget .add-new-widget:before,
body.adding-widget div#available-widgets, body.adding-widget div#available-widgets,
body.adding-menu-items div#available-menu-items, body.adding-menu-items div#available-menu-items,
body.outer-section-open div#customize-sidebar-outer-content { body.outer-section-open div#customize-sidebar-outer-content {
top: 46px;
left: 0;
z-index: 10;
width: 100%; width: 100%;
} }
body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
left: -100%;
}
body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
left: 0;
}
#available-widgets .customize-section-title, #available-widgets .customize-section-title,
#available-menu-items .customize-section-title { #available-menu-items .customize-section-title {
display: block; display: block;
@ -3040,4 +3020,23 @@ body.adding-widget .add-new-widget:before,
padding: 8px 15px; padding: 8px 15px;
box-shadow: none; box-shadow: none;
} }
.wp-full-overlay.expanded {
margin-left: 0;
}
body.adding-widget div#available-widgets,
body.adding-menu-items div#available-menu-items,
body.outer-section-open div#customize-sidebar-outer-content {
top: 46px;
z-index: 10;
}
body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
left: -100%;
}
body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
left: 0;
}
} }