WordPress.org

Make WordPress Core

Changeset 29679


Ignore:
Timestamp:
09/02/2014 07:46:19 PM (5 years ago)
Author:
helen
Message:

Plugin install: Better styling to accommodate plugin icons.

fixes #29466.

Location:
trunk/src/wp-admin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/list-tables.css

    r29676 r29679  
    13071307
    13081308.plugin-card-top {
     1309    position: relative;
    13091310    padding: 20px 20px 10px;
    1310     min-height: 115px; /* 2 lines for the description + author */
     1311    min-height: 135px;
    13111312}
    13121313
     
    13191320    margin: 0 0 12px;
    13201321    font-size: 18px;
     1322    line-height: 1.3;
     1323}
     1324
     1325.plugin-card .name,
     1326.plugin-card .desc {
     1327    margin-left: 148px; /* icon + margin */
     1328    margin-right: 120px; /* action links */
     1329}
     1330
     1331.plugin-card .action-links {
     1332    position: absolute;
     1333    top: 20px;
     1334    right: 20px;
     1335    width: 120px;
    13211336}
    13221337
     
    13851400    color: #444;
    13861401}
     1402
    13871403.plugin-card .compatibility-incompatible:before {
    13881404    content: '\f158';
     
    13981414
    13991415.plugin-icon {
     1416    position: absolute;
     1417    top: 20px;
     1418    left: 20px;
    14001419    width: 128px;
    14011420    height: 128px;
    1402     float: left;
    14031421    margin: 0 20px 20px 0;
     1422}
     1423
     1424.plugin-icon img {
     1425    width: 128px;
     1426    height: 128px;
    14041427}
    14051428
     
    14311454-------------------------------------------------------------- */
    14321455
    1433 /**
    1434  * HiDPI Displays
    1435  */
     1456@media screen and ( max-width: 1100px ) and ( min-width: 782px ), ( max-width: 480px ) {
     1457    .plugin-card .action-links {
     1458        position: static;
     1459        margin-left: 148px;
     1460        width: auto;
     1461    }
     1462
     1463    .plugin-action-buttons {
     1464        float: none;
     1465        margin: 1em 0 0;
     1466        text-align: left;
     1467    }
     1468
     1469    .plugin-action-buttons li {
     1470        display: inline-block;
     1471        vertical-align: middle;
     1472    }
     1473
     1474    .plugin-action-buttons li .button {
     1475        margin-right: 20px;
     1476    }
     1477
     1478    .plugin-card .name,
     1479    .plugin-card .desc {
     1480        margin-right: 0;
     1481    }
     1482
     1483    .plugin-card .desc p:first-of-type {
     1484        margin-top: 0;
     1485    }
     1486}
     1487
    14361488@media screen and ( max-width: 782px ) {
    14371489    /* WP List Table Options & Filters */
  • trunk/src/wp-admin/includes/class-wp-plugin-install-list-table.php

    r29666 r29679  
    436436        <div class="plugin-card">
    437437            <div class="plugin-card-top">
    438                 <a href="<?php echo esc_url( $details_link ); ?>" class="thickbox"><img src="<?php echo esc_attr( $plugin_icon_url ) ?>" class="plugin-icon" /></a>
     438                <a href="<?php echo esc_url( $details_link ); ?>" class="thickbox plugin-icon"><img src="<?php echo esc_attr( $plugin_icon_url ) ?>" /></a>
     439                <div class="name column-name">
     440                    <h4><a href="<?php echo esc_url( $details_link ); ?>" class="thickbox"><?php echo $title; ?></a></h4>
     441                </div>
    439442                <div class="action-links">
    440443                    <?php
     
    443446                        }
    444447                    ?>
    445                 </div>
    446                 <div class="name column-name">
    447                     <h4><a href="<?php echo esc_url( $details_link ); ?>" class="thickbox"><?php echo $title; ?></a></h4>
    448448                </div>
    449449                <div class="desc column-description">
Note: See TracChangeset for help on using the changeset viewer.