WordPress.org

Make WordPress Core

Ticket #27440: 27440-return-and-display-banners.2.diff

File 27440-return-and-display-banners.2.diff, 3.0 KB (added by stephdau, 3 years ago)

Getting closer to the display in the plugins directory, with title styling and vignette. See https://cloudup.com/cVoOOf8Y9Tl

  • wp-admin/includes/plugin-install.php

     
    311311function install_plugin_information() { 
    312312        global $tab; 
    313313 
    314         $api = plugins_api( 'plugin_information', array( 'slug' => wp_unslash( $_REQUEST['plugin'] ), 'is_ssl' => is_ssl() ) ); 
     314        $api = plugins_api( 'plugin_information', array( 'slug' => wp_unslash( $_REQUEST['plugin'] ), 'is_ssl' => is_ssl(), 'fields' => array( 'banners' => true ) ) ); 
    315315 
    316316        if ( is_wp_error( $api ) ) 
    317317                wp_die( $api ); 
     
    354354 
    355355        iframe_header( __('Plugin Install') ); 
    356356 
    357         echo "<div id='{$_tab}-title'>{$api->name}</div>"; 
     357        if ( !empty( $api->banners ) && ( !empty( $api->banners['low'] ) || !empty( $api->banners['high'] ) ) ) { 
     358                $low  = ( !empty( $api->banners['low'] ) ) ? $api->banners['low'] :  $api->banners['high']; 
     359                $high = ( !empty( $api->banners['high'] ) ) ? $api->banners['high'] :  $api->banners['low']; 
     360                ?> 
     361                <style type="text/css"> 
     362                        #plugin-information-title { 
     363                                height: 250px; 
     364                                bottom: 250px; 
     365                                background-image: url(<?php echo $low ?>); 
     366                                background-size: 100% auto; 
     367                        } 
     368                        #plugin-information-tabs { 
     369                                top:250px; 
     370                        } 
     371                        #plugin-information-content { 
     372                                top:284px; 
     373                        } 
     374                        @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { 
     375                                #plugin-information-title { 
     376                                        background-image: url(<?php echo $high ?>}); 
     377                                } 
     378                        } 
     379                        #plugin-information-title h2 { 
     380                                font-family: "Helvetica Neue", sans-serif; 
     381                                font-size: 30px; 
     382                                font-weight: bold; 
     383                                max-width: 760px; 
     384                                position: absolute; 
     385                                left: 20px; 
     386                                top: 175px; 
     387                                padding: 0 15px; 
     388                                margin: 0; 
     389                                color: #fff; 
     390                                background: rgba( 30, 30, 30, 0.9 ); 
     391                                text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 ); 
     392                                -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 ); 
     393                                -moz-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 ); 
     394                                box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 ); 
     395                                -webkit-border-radius: 8px; 
     396                                border-radius: 8px; 
     397                        } 
     398                        #plugin-information-title div.vignette { 
     399                                top: 0; 
     400                                height: 250px; 
     401                                width: 830px; 
     402                                margin: 0 -20px; 
     403                                background: transparent; 
     404                                -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); 
     405                                -moz-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); 
     406                                box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); 
     407                        } 
     408                </style> 
     409                <?php 
     410        } else { 
     411                ?> 
     412                <style type="text/css"> 
     413                        #plugin-information-title h2 { 
     414                                font-family: "Helvetica Neue", sans-serif; 
     415                                font-size: 24px; 
     416                                font-weight: bold; 
     417                                padding:0; 
     418                                margin: 0; 
     419                                max-width: 760px; 
     420                        } 
     421                </style> 
     422                <?php 
     423        } 
     424 
     425        echo "<div id='{$_tab}-title'><div class='vignette'></div><h2>{$api->name}</h2></div>"; 
    358426        echo "<div id='{$_tab}-tabs'>\n"; 
    359427 
    360428        foreach ( (array)$api->sections as $section_name => $content ) {