Make WordPress Core

Changeset 34365


Ignore:
Timestamp:
09/21/2015 03:25:37 PM (9 years ago)
Author:
helen
Message:

Notices: Add styles for use against white backgrounds.

These colored backgrounds can be accessed by adding the .notice-alt class to a notice.

There is also now a large version when using the .notice-large class, and a .notice-title class that is appropriate for headline text within a large notice.

props paulwilde, hugobaeta, melchoyce.
fixes #32244.

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

Legend:

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

    r34066 r34365  
    12971297
    12981298.notice p,
     1299.notice-title,
    12991300div.updated p,
    13001301div.error p,
     
    13021303    margin: 0.5em 0;
    13031304    padding: 2px;
     1305}
     1306
     1307.error a {
     1308    text-decoration: underline;
     1309}
     1310
     1311.updated a {
     1312    padding-bottom: 2px;
     1313    text-decoration: none;
     1314}
     1315
     1316.notice-alt {
     1317    box-shadow: none;
     1318}
     1319
     1320.notice-large {
     1321    padding: 10px 20px;
     1322}
     1323
     1324.notice-title {
     1325    display: inline-block;
     1326    color: #23282d;
     1327    font-size: 18px;
    13041328}
    13051329
     
    13391363.notice-success,
    13401364div.updated {
    1341     border-color: #7ad03a;
     1365    border-left-color: #46b450;
     1366}
     1367
     1368.notice-success.notice-alt {
     1369    background-color: #ecf7ed;
    13421370}
    13431371
    13441372.notice-warning {
    1345     border-color: #ffba00;
     1373    border-left-color: #ffb900;
     1374}
     1375
     1376.notice-warning.notice-alt {
     1377    background-color: #fff8e5;
    13461378}
    13471379
    13481380.notice-error,
    13491381div.error {
    1350     border-color: #dd3d36;
     1382    border-left-color: #dc3232;
     1383}
     1384
     1385.notice-error.notice-alt {
     1386    background-color: #fbeaea;
    13511387}
    13521388
    13531389.notice-info {
    1354     border-color: #00a0d2;
     1390    border-left-color: #00a0d2;
     1391}
     1392
     1393.notice-info.notice-alt {
     1394    background-color: #e5f5fa;
    13551395}
    13561396
     
    27592799}
    27602800
    2761 .error a {
    2762     text-decoration: underline;
    2763 }
    2764 
    2765 .updated a {
    2766     text-decoration: none;
    2767     padding-bottom: 2px;
    2768 }
    2769 
    27702801/* @todo: appears to be Press This only and overridden */
    27712802#photo-add-url-div input[type="text"] {
  • trunk/src/wp-admin/css/login.css

    r34338 r34365  
    5959}
    6060
    61 .login .message {
     61.login .message,
     62.login #login_error {
    6263    border-left: 4px solid #00a0d2;
    63     padding: 1px 12px;
     64    padding: 12px;
     65    margin-left: 0;
    6466    background-color: #fff;
    6567    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
     
    6870
    6971.login #login_error {
    70     border-left: 4px solid #dd3d36;
    71     background: #fff;
    72     -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    73     box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
     72    border-left-color: #dc3232;
    7473}
    7574
     
    157156}
    158157
    159 #login_error,
    160 .login .message {
    161     margin-left: 0;
    162     padding: 12px;
    163 }
    164 
    165158.login #nav,
    166159.login #backtoblog {
     
    232225}
    233226
    234 .mobile #login form,
    235 .mobile #login .message,
    236 .mobile #login_error {
     227.mobile #login form {
    237228    margin-left: 0;
    238229}
  • trunk/src/wp-admin/css/themes.css

    r34011 r34365  
    785785    font-weight: bold;
    786786    margin-right: 5px;
    787 }
    788 
    789 /* Theme Updates info */
    790 .theme-overlay .theme-update-message {
    791     background: #fef7f1;
    792     border: 1px solid #eee;
    793     border-left: 4px solid #d54e21;
    794     -webkit-border-radius: 3px;
    795     border-radius: 3px;
    796     padding: 5px 20px 10px;
    797 }
    798 
    799 .theme-overlay .theme-update {
    800     color: #23282d;
    801     font-size: 18px;
    802     display: inline-block;
    803     line-height: 40px;
    804     margin: 0;
    805787}
    806788
  • trunk/src/wp-admin/includes/plugin-install.php

    r33734 r34365  
    542542    <?php
    543543        if ( ! empty( $api->tested ) && version_compare( substr( $GLOBALS['wp_version'], 0, strlen( $api->tested ) ), $api->tested, '>' ) ) {
    544             echo '<div class="notice notice-warning"><p>' . __('<strong>Warning:</strong> This plugin has <strong>not been tested</strong> with your current version of WordPress.') . '</p></div>';
     544            echo '<div class="notice notice-warning notice-alt"><p>' . __( '<strong>Warning:</strong> This plugin has <strong>not been tested</strong> with your current version of WordPress.' ) . '</p></div>';
    545545        } elseif ( ! empty( $api->requires ) && version_compare( substr( $GLOBALS['wp_version'], 0, strlen( $api->requires ) ), $api->requires, '<' ) ) {
    546             echo '<div class="notice notice-warning"><p>' . __('<strong>Warning:</strong> This plugin has <strong>not been marked as compatible</strong> with your version of WordPress.') . '</p></div>';
     546            echo '<div class="notice notice-warning notice-alt"><p>' . __( '<strong>Warning:</strong> This plugin has <strong>not been marked as compatible</strong> with your version of WordPress.' ) . '</p></div>';
    547547        }
    548548
  • trunk/src/wp-admin/themes.php

    r34014 r34365  
    408408
    409409                <# if ( data.hasUpdate ) { #>
    410                 <div class="theme-update-message">
    411                     <h4 class="theme-update"><?php _e( 'Update Available' ); ?></h4>
     410                <div class="notice notice-warning notice-alt notice-large">
     411                    <h4 class="notice-title"><?php _e( 'Update Available' ); ?></h4>
    412412                    {{{ data.update }}}
    413413                </div>
Note: See TracChangeset for help on using the changeset viewer.