Customize: Adjust layout for edit shortcuts only when shown.

Add theme-specific positioning of edit shortcuts in Twenty Fourteen and Twenty Seventeen.

Props sirbrillig, sstoqnov, westonruter.
Fixes #38651.

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


git-svn-id: http://core.svn.wordpress.org/trunk@39173 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Weston Ruter 2016-11-15 00:15:30 +00:00
parent 56723c61c6
commit a69d66bac3
7 changed files with 37 additions and 7 deletions

View File

@ -3092,6 +3092,18 @@ a.post-thumbnail:hover {
width: device-width;
}
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (max-width:800px) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 8px;
}
.site-header .customize-partial-edit-shortcut button {
top: 10px;
}
}
@media screen and (max-width: 400px) {
.list-view .site-content .post-thumbnail {
background: none;
@ -3166,6 +3178,17 @@ a.post-thumbnail:hover {
}
}
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (max-width:320px) {
.site-header .customize-partial-edit-shortcut button {
left: -32px;
}
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 28px;
}
}
@media screen and (min-width: 401px) {
a.post-thumbnail:hover img {
opacity: 0.85;

View File

@ -3066,6 +3066,13 @@ object {
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}
}
@media screen and (min-width: 30em) {
/* Typography */

View File

@ -252,11 +252,11 @@ body.customize-partial-edit-shortcuts-hidden .customize-partial-edit-shortcut bu
}
@media screen and (max-width:320px) {
.site-title {
body.customize-partial-edit-shortcuts-shown .site-title {
padding-right: 10px;
}
.widget-area .widget {
body.customize-partial-edit-shortcuts-shown .widget-area .widget {
padding-right: 10px;
}

File diff suppressed because one or more lines are too long

View File

@ -252,11 +252,11 @@ body.customize-partial-edit-shortcuts-hidden .customize-partial-edit-shortcut bu
}
@media screen and (max-width:320px) {
.site-title {
body.customize-partial-edit-shortcuts-shown .site-title {
padding-left: 10px;
}
.widget-area .widget {
body.customize-partial-edit-shortcuts-shown .widget-area .widget {
padding-left: 10px;
}

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.7-beta3-39232';
$wp_version = '4.7-beta3-39233';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.