WordPress.org

Make WordPress Core

Changeset 38190


Ignore:
Timestamp:
08/03/2016 10:46:54 PM (5 years ago)
Author:
ocean90
Message:

Customize: Make the menu edit button look like a link.

The button was introduced in [37901] to allow users switching to the selected menu for further edits. A link makes it more clear that the user is taken away from the current view.
This also adds an aria label and makes the button label more verbose, 'Edit Menu'.

Merge of [38189] to the 4.6 branch.

Props afercia.
Props helen for review.
See #36795.

Location:
branches/4.6
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • branches/4.6

  • branches/4.6/src/wp-admin/css/customize-nav-menus.css

    r37901 r38190  
    1717}
    1818
     19/* The `edit-menu` button uses also the `button-link` class. */
    1920.customize-control-nav_menu_location .edit-menu {
    20     margin-top: 1px;
     21    margin-left: 6px;
     22    vertical-align: middle;
     23    color: #0073aa;
     24    text-decoration: underline;
     25}
     26
     27.customize-control-nav_menu_location .edit-menu:hover,
     28.customize-control-nav_menu_location .edit-menu:active {
     29    color: #00a0d2;
     30}
     31
     32.customize-control-nav_menu_location .edit-menu:focus {
     33    color: #124964;
    2134}
    2235
  • branches/4.6/src/wp-includes/customize/class-wp-customize-nav-menu-location-control.php

    r37901 r38190  
    7878            </select>
    7979        </label>
    80         <button type="button" class="button edit-menu<?php if ( ! $this->value() ) { echo ' hidden'; } ?>"><?php _e( 'Edit' ); ?></button>
     80        <button type="button" class="button-link edit-menu<?php if ( ! $this->value() ) { echo ' hidden'; } ?>" aria-label="<?php esc_attr_e( 'Edit selected menu' ); ?>"><?php _e( 'Edit Menu' ); ?></button>
    8181        <?php
    8282    }
Note: See TracChangeset for help on using the changeset viewer.