Make WordPress Core

Ticket #25147: 25147.4.diff

File 25147.4.diff, 8.8 KB (added by helen, 11 years ago)
  • src/wp-admin/css/wp-admin.css

     
    18741874        width: 34px;
    18751875        height: 30px;
    18761876        margin: 0;
     1877        background-repeat: no-repeat;
     1878        background-position: center;
    18771879        text-align: center;
    18781880}
    18791881
  • src/wp-admin/includes/misc.php

     
    618618
    619619        $color_scheme = get_user_option( 'admin_color' );
    620620
     621        // it's possible to have a color scheme set that is no longer registered
     622        if ( empty( $_wp_admin_css_colors[ $color_scheme ] ) ) {
     623                $color_scheme = 'fresh';
     624        }
     625
    621626        if ( ! empty( $_wp_admin_css_colors[ $color_scheme ]->icon_colors ) ) {
    622                 echo '<script type="text/javascript">var _wpColorScheme = ' . json_encode( array( 'icons' => $_wp_admin_css_colors[ $color_scheme ]->icon_colors ) ) . ";</script>\n";
     627                $icon_colors = $_wp_admin_css_colors[ $color_scheme ]->icon_colors;
     628        } elseif ( ! empty( $_wp_admin_css_colors['fresh']->icon_colors ) ) {
     629                $icon_colors = $_wp_admin_css_colors['fresh']->icon_colors;
     630        } else {
     631                // fall back to a default set of icon colors, lifted directly from default
     632                $icon_colors = array( 'base' => '#999', 'focus' => '#2ea2cc', 'current' => '#fff' );
    623633        }
     634
     635        echo '<script type="text/javascript">var _wpColorScheme = ' . json_encode( array( 'icons' => $icon_colors ) ) . ";</script>\n";
    624636}
    625637add_action( 'admin_head', 'wp_color_scheme_settings' );
    626638
  • src/wp-admin/includes/plugin.php

     
    966966 * @param string $capability The capability required for this menu to be displayed to the user.
    967967 * @param string $menu_slug The slug name to refer to this menu by (should be unique for this menu)
    968968 * @param callback $function The function to be called to output the content for this page.
    969  * @param string $icon_url The url to the icon to be used for this menu. Using 'none' would leave div.wp-menu-image empty
    970  *                         so an icon can be added as background with CSS.
     969 * @param string $icon_url The url to the icon to be used for this menu.
     970 *     * Pass a base64-encoded SVG using a data URI, which will be colored to match the color scheme.
     971 *       This should begin with 'data:image/svg+xml;base64,'.
     972 *     * Pass the name of a Dashicons helper class to use a font icon, e.g. 'dashicons-piechart'.
     973 *     * Pass 'none' to leave div.wp-menu-image empty so an icon can be added via CSS.
    971974 * @param int $position The position in the menu order this one should appear
    972975 *
    973976 * @return string The resulting page's hook_suffix
  • src/wp-admin/menu-header.php

     
    6767
    6868                $class = $class ? ' class="' . join( ' ', $class ) . '"' : '';
    6969                $id = ! empty( $item[5] ) ? ' id="' . preg_replace( '|[^a-zA-Z0-9_:.]|', '-', $item[5] ) . '"' : '';
    70                 $img = '';
     70                $img = $img_style = $img_class = '';
    7171                // if the string 'none' (previously 'div') is passed instead of an URL, don't output the default menu image
    7272                // so an icon can be added to div.wp-menu-image as background with CSS.
    73                 if ( ! empty( $item[6] ) )
    74                         $img = ( 'none' === $item[6] || 'div' === $item[6] ) ? '<br />' : '<img src="' . $item[6] . '" alt="" />';
     73                // base64 encoded SVG data:image URIs and Dashicons are also handled as special cases.
     74                if ( ! empty( $item[6] ) ) {
     75                        $img = ( 'none' === $item[6] || 'div' === $item[6] || 0 === strpos( $item[6], 'data:image/svg+xml;base64,' ) || 0 === strpos( $item[6], 'dashicons-' ) ) ? '<br />' : '<img src="' . $item[6] . '" alt="" />';
     76
     77                        if ( 0 === strpos( $item[6], 'data:image/svg+xml;base64,' ) ) {
     78                                $img_style = ' style="background-image:url(\'' . esc_attr( $item[6] ) . '\')"';
     79                        } elseif (  0 === strpos( $item[6], 'dashicons-' ) ) {
     80                                $img_class = ' dashicons ' . sanitize_html_class( $item[6] );
     81                        }
     82                }
    7583                $arrow = '<div class="wp-menu-arrow"><div></div></div>';
    7684
    7785                $title = wptexturize( $item[0] );
     
    8896                                $menu_file = substr( $menu_file, 0, $pos );
    8997                        if ( ! empty( $menu_hook ) || ( ( 'index.php' != $submenu_items[0][2] ) && file_exists( WP_PLUGIN_DIR . "/$menu_file" ) && ! file_exists( ABSPATH . "/wp-admin/$menu_file" ) ) ) {
    9098                                $admin_is_parent = true;
    91                                 echo "<a href='admin.php?page={$submenu_items[0][2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>$title</div></a>";
     99                                echo "<a href='admin.php?page={$submenu_items[0][2]}'$class $aria_attributes>$arrow<div class='wp-menu-image$img_class'$img_style>$img</div><div class='wp-menu-name'>$title</div></a>";
    92100                        } else {
    93                                 echo "\n\t<a href='{$submenu_items[0][2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>$title</div></a>";
     101                                echo "\n\t<a href='{$submenu_items[0][2]}'$class $aria_attributes>$arrow<div class='wp-menu-image$img_class'$img_style>$img</div><div class='wp-menu-name'>$title</div></a>";
    94102                        }
    95103                } elseif ( ! empty( $item[2] ) && current_user_can( $item[1] ) ) {
    96104                        $menu_hook = get_plugin_page_hook( $item[2], 'admin.php' );
     
    99107                                $menu_file = substr( $menu_file, 0, $pos );
    100108                        if ( ! empty( $menu_hook ) || ( ( 'index.php' != $item[2] ) && file_exists( WP_PLUGIN_DIR . "/$menu_file" ) && ! file_exists( ABSPATH . "/wp-admin/$menu_file" ) ) ) {
    101109                                $admin_is_parent = true;
    102                                 echo "\n\t<a href='admin.php?page={$item[2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>{$item[0]}</div></a>";
     110                                echo "\n\t<a href='admin.php?page={$item[2]}'$class $aria_attributes>$arrow<div class='wp-menu-image$img_class'$img_style>$img</div><div class='wp-menu-name'>{$item[0]}</div></a>";
    103111                        } else {
    104                                 echo "\n\t<a href='{$item[2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>{$item[0]}</div></a>";
     112                                echo "\n\t<a href='{$item[2]}'$class $aria_attributes>$arrow<div class='wp-menu-image$img_class'$img_style>$img</div><div class='wp-menu-name'>{$item[0]}</div></a>";
    105113                        }
    106114                }
    107115
  • src/wp-admin/menu.php

     
    107107                continue;
    108108        $ptype_menu_position = is_int( $ptype_obj->menu_position ) ? $ptype_obj->menu_position : ++$_wp_last_object_menu; // If we're to use $_wp_last_object_menu, increment it first.
    109109        $ptype_for_id = sanitize_html_class( $ptype );
    110         if ( is_string( $ptype_obj->menu_icon ) ) {
     110
     111        // special handling for data:image SVGs and Dashicons
     112        if ( 0 === strpos( $ptype_obj->menu_icon, 'data:image/svg+xml;base64,' ) || 0 === strpos( $ptype_obj->menu_icon, 'dashicons-' ) ) {
     113                $menu_icon = $ptype_obj->menu_icon;
     114                $ptype_class = $ptype_for_id;
     115        } elseif ( is_string( $ptype_obj->menu_icon ) ) {
    111116                $menu_icon   = esc_url( $ptype_obj->menu_icon );
    112117                $ptype_class = $ptype_for_id;
    113118        } else {
  • src/wp-includes/js/svg-painter.js

     
    200200                                $element.data( 'wp-ui-svg-' + color, xml );
    201201                        }
    202202
    203                         $element.attr( 'style', 'background-image: url("data:image/svg+xml;base64,' + xml + '") !important;' );
     203                        $element.css( 'background-image', 'url("data:image/svg+xml;base64,' + xml + '")' );
    204204                }
    205205        };
    206206
  • src/wp-includes/post.php

     
    11291129 *     * show_in_menu must be true
    11301130 *     * Defaults to null, which places it at the bottom of its area.
    11311131 * - menu_icon - The url to the icon to be used for this menu. Defaults to use the posts icon.
     1132 *     * Pass a base64-encoded SVG using a data URI, which will be colored to match the color scheme.
     1133 *      This should begin with 'data:image/svg+xml;base64,'.
     1134 *     * Pass the name of a Dashicons helper class to use a font icon, e.g. 'dashicons-piechart'.
     1135 *     * Pass 'none' to leave div.wp-menu-image empty so an icon can be added via CSS.
    11321136 * - capability_type - The string to use to build the read, edit, and delete capabilities. Defaults to 'post'.
    11331137 *     * May be passed as an array to allow for alternative plurals when using this argument as a base to construct the
    11341138 *       capabilities, e.g. array('story', 'stories').