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