WordPress.org

Make WordPress Core

Changeset 40672


Ignore:
Timestamp:
05/15/2017 08:12:59 PM (3 years ago)
Author:
melchoyce
Message:

Plugins: Fix plugin name display on Chrome 58 and above.

On Chrome 58 and above, plugin names within the plugin details modal were collapsed down into an ellipsis. This fix rewrites the CSS to make sure the titles are always shown.

Props mrwweb, afercia, Presskopp.
Fixes #40579.

File:
1 edited

Legend:

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

    r40655 r40672  
    25362536
    25372537#plugin-information-title {
    2538     padding: 0 20px;
     2538    padding: 0 26px;
    25392539    background: #f5f5f5;
    25402540    font-size: 22px;
     
    25422542    line-height: 56px;
    25432543    position: relative;
    2544     top: 0;
    2545     right: 0;
    2546     left: 0;
    25472544    height: 56px;
    2548     overflow: hidden;
    2549     text-overflow: ellipsis;
    2550     white-space: nowrap;
    25512545}
    25522546
     
    25542548    margin-right: 0;
    25552549    height: 250px;
    2556     bottom: 250px;
    25572550    -webkit-background-size: cover;
    25582551    background-size: cover;
     
    25642557    padding: 0;
    25652558    margin: 0;
    2566     max-width: 680px;
    25672559    overflow: hidden;
    25682560    text-overflow: ellipsis;
     
    25712563
    25722564#plugin-information-title.with-banner h2 {
     2565    position: relative;
    25732566    font-family: "Helvetica Neue", sans-serif;
    25742567    display: inline-block;
    25752568    font-size: 30px;
    25762569    line-height: 50px;
     2570    -webkit-box-sizing: border-box;
     2571    -moz-box-sizing: border-box;
     2572    box-sizing: border-box;
     2573    max-width: 100%;
    25772574    padding: 0 15px;
    2578     margin: 174px 0 0 10px;
     2575    margin-top: 174px;
    25792576    color: #fff;
    25802577    background: rgba( 30, 30, 30, 0.9 );
     
    25912588
    25922589#plugin-information-title.with-banner div.vignette {
     2590    position: absolute;
    25932591    display: block;
    2594     float: right;
    25952592    top: 0;
     2593    left: 0;
    25962594    height: 250px;
    2597     width: 772px;
    2598     margin: 0 -20px;
     2595    width: 100%;
    25992596    background: transparent;
    26002597    -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
     
    28992896    #plugin-information-title.with-banner {
    29002897        height: 100px;
    2901         bottom: 100px;
    29022898    }
    29032899
     
    29112907    #plugin-information-title.with-banner div.vignette {
    29122908        height: 100px;
    2913         bottom: 100px;
    2914         width: 800%;
    29152909    }
    29162910
Note: See TracChangeset for help on using the changeset viewer.