Ticket #38651: 38651.9.diff

src/wp-content/themes/twentyfourteen/style.css

@@ -3092 +3092 @@
         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 +3178 @@
         }
 }
 
+/* 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;

src/wp-content/themes/twentyseventeen/style.css

@@ -3066 +3066 @@
 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 */

src/wp-includes/css/customize-preview.css

@@ -252 +252 @@
 }
 
 @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;
         }