Make WordPress Core

Changeset 39233


Ignore:
Timestamp:
11/15/2016 12:14:24 AM (7 years ago)
Author:
westonruter
Message:

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.

Location:
trunk/src
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r39226 r39233  
    30933093}
    30943094
     3095/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
     3096@media screen and (max-width:800px) {
     3097    body.customize-partial-edit-shortcuts-shown .site-header .site-title {
     3098        padding-left: 8px;
     3099    }
     3100
     3101    .site-header .customize-partial-edit-shortcut button {
     3102        top: 10px;
     3103    }
     3104}
     3105
     3106
    30953107@media screen and (max-width: 400px) {
    30963108    .list-view .site-content .post-thumbnail {
     
    31643176        margin: 0 auto 24px;
    31653177        padding: 0 10px;
     3178    }
     3179}
     3180
     3181/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
     3182@media screen and (max-width:320px) {
     3183    .site-header .customize-partial-edit-shortcut button {
     3184        left: -32px;
     3185    }
     3186
     3187    body.customize-partial-edit-shortcuts-shown .site-header .site-title {
     3188        padding-left: 28px;
    31663189    }
    31673190}
  • trunk/src/wp-content/themes/twentyseventeen/style.css

    r39220 r39233  
    30673067--------------------------------------------------------------*/
    30683068
     3069/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
     3070@media screen and (min-width: 20em) {
     3071    body.customize-partial-edit-shortcuts-shown .site-header .site-title {
     3072        padding-left: 0;
     3073    }
     3074}
     3075
    30693076@media screen and (min-width: 30em) {
    30703077
  • trunk/src/wp-includes/css/customize-preview.css

    r39229 r39233  
    253253
    254254@media screen and (max-width:320px) {
    255     .site-title {
     255    body.customize-partial-edit-shortcuts-shown .site-title {
    256256        padding-left: 10px;
    257257    }
    258258
    259     .widget-area .widget {
     259    body.customize-partial-edit-shortcuts-shown .widget-area .widget {
    260260        padding-left: 10px;
    261261    }
Note: See TracChangeset for help on using the changeset viewer.