WordPress.org

Make WordPress Core

Ticket #48378: 48378.3.diff

File 48378.3.diff, 3.4 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

     
    307307
    308308.media-frame-toolbar .media-toolbar {
    309309        top: auto;
    310         bottom: -45px;
     310        bottom: -47px;
    311311        height: auto;
    312312        overflow: visible;
    313313        border-top: 1px solid #ddd;
     
    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}
     
    746757        position: absolute;
    747758        left: 200px;
    748759        right: 0;
    749         bottom: 0;
    750         height: 60px;
    751760        z-index: 100;
    752761        bottom: 60px;
    753762        height: auto;
     
    18501859}
    18511860
    18521861.media-modal .imgedit-wrap .imgedit-panel-content {
    1853         padding: 16px;
     1862        padding: 16px 16px 0 16px;
    18541863        position: absolute;
    18551864        top: 0;
    18561865        right: 282px;
     
    18591868        overflow: auto;
    18601869}
    18611870
     1871/*
     1872 * Implementation of bottom padding in overflow content differs across browsers.
     1873 * We need a different method. See https://github.com/w3c/csswg-drafts/issues/129
     1874 */
     1875.media-modal .imgedit-wrap .imgedit-submit {
     1876        margin-bottom: 16px;
     1877}
     1878
    18621879.media-modal .imgedit-wrap .imgedit-settings {
    18631880        background: #f3f3f3;
    18641881        border-left: 1px solid #ddd;
    1865         padding: 20px 16px 16px;
     1882        padding: 20px 16px 0;
    18661883        position: absolute;
    18671884        top: 0;
    18681885        right: 0;
     
    18711888        overflow: auto;
    18721889}
    18731890
     1891/*
     1892 * Implementation of bottom padding in overflow content differs across browsers.
     1893 * We need a different method. See https://github.com/w3c/csswg-drafts/issues/129
     1894 */
     1895.media-modal .imgedit-wrap .imgedit-save-target {
     1896        margin: 8px 0 24px;
     1897}
     1898
    18741899.media-modal .imgedit-group {
    18751900        background: none;
    18761901        border: none;
     
    20012026        left: 0;
    20022027        right: 0;
    20032028        bottom: 0;
    2004         padding: 0 16px 32px;
     2029        padding: 0 16px;
    20052030        overflow: auto;
    20062031}
    20072032
     2033/*
     2034 * Implementation of bottom padding in overflow content differs across browsers.
     2035 * We need a different method. See https://github.com/w3c/csswg-drafts/issues/129
     2036 */
     2037.embed-link-settings::after,
     2038.embed-media-settings::after {
     2039        content: "";
     2040        display: flex;
     2041        clear: both;
     2042        height: 24px;
     2043}
     2044
    20082045.media-embed .embed-link-settings {
    20092046        /* avoid Firefox to give focus to the embed preview container parent */
    20102047        overflow: visible;
     
    20492086        padding: 0;
    20502087}
    20512088
     2089.image-details .embed-media-settings::after {
     2090        content: none;
     2091}
     2092
    20522093.image-details .embed-media-settings,
    20532094.image-details .embed-media-settings div {
    20542095        box-sizing: border-box;
     
    26692710        }
    26702711
    26712712        .media-frame-toolbar .media-toolbar {
    2672                 bottom: -48px;
     2713                bottom: -54px;
    26732714        }
    26742715}
    26752716