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

Customizer: Improve small-screen styles in Widgets panel.

Browse Source 
Props mrasharirfan, mrahmadawais.
Fixes #41614.


git-svn-id: https://develop.svn.wordpress.org/trunk@41602 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Mel Choyce 2017-09-26 19:04:47 +00:00
parent b3b2ac2a55
commit 6cf89abee8
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1489,6 +1489,7 @@ body.cheatin p {
#customize-theme-controls .add-new-menu-item { #customize-theme-controls .add-new-menu-item {
cursor: pointer; cursor: pointer;
float: right; float: right;
margin: 0;
margin-left: 10px; margin-left: 10px;
transition: all 0.2s; transition: all 0.2s;
-webkit-user-select: none; -webkit-user-select: none;
@ -1512,7 +1513,7 @@ body.cheatin p {
display: inline-block; display: inline-block;
position: relative; position: relative;
left: -2px; left: -2px;
top: -1px; top: 0;
font: normal 20px/1 dashicons; font: normal 20px/1 dashicons;
vertical-align: middle; vertical-align: middle;
transition: all 0.2s; transition: all 0.2s;
@ -1793,7 +1794,7 @@ body.adding-widget .add-new-widget:before,
#available-widgets .widget-tpl, #available-widgets .widget-tpl,
#available-menu-items .item-tpl { #available-menu-items .item-tpl {
position: relative; position: relative;
padding: 20px 15px 20px 60px; padding: 15px 15px 15px 60px;
background: #fff; background: #fff;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-left: 4px solid #fff; border-left: 4px solid #fff;
@ -1841,6 +1842,10 @@ body.adding-widget .add-new-widget:before,
.customize-control input[type="checkbox"] + label { .customize-control input[type="checkbox"] + label {
line-height: 32px; line-height: 32px;
} }
.wp-core-ui.wp-customizer .button {
margin-top: 12px;
}
} }
@media screen and ( max-width: 640px ) { @media screen and ( max-width: 640px ) {
@ -1923,6 +1928,7 @@ body.adding-widget .add-new-widget:before,
vertical-align: middle; vertical-align: middle;
height: auto; height: auto;
margin-bottom: 4px; margin-bottom: 4px;
margin-top: 12px;
} }
#customize-header-actions .button-primary { #customize-header-actions .button-primary {
@ -1986,4 +1992,9 @@ body.adding-widget .add-new-widget:before,
#available-menu-items-search .search-icon { #available-menu-items-search .search-icon {
top: 85px; /* 70 section title height + 13 container padding +1 input margin +1 input border */ top: 85px; /* 70 section title height + 13 container padding +1 input margin +1 input border */
} }
.reorder,
.reordering .reorder-done {
padding: 8px;
}
} }

2
src/wp-admin/css/widgets.css
View File

@ -753,7 +753,7 @@ ul.CodeMirror-hints {
} }
div.widget { div.widget {
margin: 0 auto 10px !important; margin: 0 auto !important;
max-width: 480px; max-width: 480px;
} }
} }