WordPress.org

Make WordPress Core

Ticket #48378: 48378.2.diff

File 48378.2.diff, 2.5 KB (added by afercia, 7 months ago)
  • src/js/media/views/settings/attachment-display.js

     
    8383                }
    8484
    8585                $input.closest( '.setting' ).removeClass( 'hidden' );
     86                if ( $input.length ) {
     87                        $input[0].scrollIntoView();
     88                }
    8689        }
    8790});
    8891
  • src/wp-includes/css/media-views.css

     
    346346        right: 0;
    347347        bottom: 0;
    348348        width: 267px;
    349         padding: 0 16px 24px;
     349        padding: 0 16px;
    350350        z-index: 75;
    351351        background: #f3f3f3;
    352352        border-left: 1px solid #ddd;
     
    354354        -webkit-overflow-scrolling: touch;
    355355}
    356356
     357/*
     358 * Implementation of bottom padding in overflow content differs across browsers,
     359 * we need a different method. See https://github.com/w3c/csswg-drafts/issues/129
     360 */
     361.media-sidebar::after {
     362        content: "";
     363        display: flex;
     364        clear: both;
     365        height: 24px;
     366}
     367
    357368.hide-toolbar .media-sidebar {
    358369        bottom: 0;
    359370}
     
    18621873.media-modal .imgedit-wrap .imgedit-settings {
    18631874        background: #f3f3f3;
    18641875        border-left: 1px solid #ddd;
    1865         padding: 20px 16px 16px;
     1876        padding: 20px 16px 0;
    18661877        position: absolute;
    18671878        top: 0;
    18681879        right: 0;
     
    18711882        overflow: auto;
    18721883}
    18731884
     1885/*
     1886 * Implementation of bottom padding in overflow content differs across browsers,
     1887 * we need a different method. See https://github.com/w3c/csswg-drafts/issues/129
     1888 */
     1889.media-modal .imgedit-wrap .imgedit-settings::after {
     1890        content: "";
     1891        display: flex;
     1892        clear: both;
     1893        height: 16px;
     1894}
     1895
    18741896.media-modal .imgedit-group {
    18751897        background: none;
    18761898        border: none;
     
    20012023        left: 0;
    20022024        right: 0;
    20032025        bottom: 0;
    2004         padding: 0 16px 32px;
     2026        padding: 0 16px;
    20052027        overflow: auto;
    20062028}
    20072029
     2030/*
     2031 * Implementation of bottom padding in overflow content differs across browsers,
     2032 * we need a different method. See https://github.com/w3c/csswg-drafts/issues/129
     2033 */
     2034.embed-link-settings::after,
     2035.embed-media-settings::after {
     2036        content: "";
     2037        display: flex;
     2038        clear: both;
     2039        height: 24px;
     2040}
     2041
    20082042.media-embed .embed-link-settings {
    20092043        /* avoid Firefox to give focus to the embed preview container parent */
    20102044        overflow: visible;
     
    20492083        padding: 0;
    20502084}
    20512085
     2086.image-details .embed-media-settings::after {
     2087        content: none;
     2088}
     2089
    20522090.image-details .embed-media-settings,
    20532091.image-details .embed-media-settings div {
    20542092        box-sizing: border-box;