WordPress.org

Make WordPress Core

Changeset 39233


Ignore:
Timestamp:
11/15/16 00:14:24 (7 months 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.