WordPress.org

Make WordPress Core

Changeset 48465


Ignore:
Timestamp:
07/14/2020 01:35:47 AM (5 months ago)
Author:
azaozz
Message:

Administration: Attempt to even-out the new Up/Down arrows in metabox headings and make them look a bit better. Also group them a little closer together in an attempt to reduce confusion of having two down arrows next to one another. Move the focus outline to the button instead of only the icon.

Fixes #39074.

File:
1 edited

Legend:

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

    r48460 r48465  
    20282028.postbox .handle-order-lower {
    20292029    color: #72777c;
     2030    width: 1.62rem;
    20302031}
    20312032
     
    20542055    padding: 0;
    20552056    line-height: 1;
     2057}
     2058
     2059.postbox.closed {
     2060    border-bottom: 0;
    20562061}
    20572062
     
    30223027
    30233028.postbox .handle-order-higher .order-higher-indicator::before,
    3024 .postbox .handle-order-lower .order-lower-indicator::before,
     3029.postbox .handle-order-lower .order-lower-indicator::before {
     3030    position: relative;
     3031    top: 0.11rem;
     3032    width: 20px;
     3033    height: 20px;
     3034}
     3035
    30253036.postbox .handlediv .toggle-indicator::before {
    30263037    width: 20px;
     
    30293040
    30303041.postbox .handlediv .toggle-indicator::before {
     3042    position: relative;
     3043    top: 0.05rem;
    30313044    text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
    30323045}
     
    30453058.postbox .handle-order-lower:focus,
    30463059.postbox .handlediv:focus {
    3047     box-shadow: none;
     3060    box-shadow:
     3061        0 0 0 1px #5b9dd9,
     3062        0 0 2px 1px rgba(30, 140, 190, 0.8);
    30483063    /* Only visible in Windows High Contrast mode */
    30493064    outline: 1px solid transparent;
     
    30533068.postbox .handle-order-lower:focus .order-lower-indicator::before,
    30543069.postbox .handlediv:focus .toggle-indicator::before {
    3055     box-shadow:
    3056         0 0 0 1px #5b9dd9,
    3057         0 0 2px 1px rgba(30, 140, 190, 0.8);
     3070    box-shadow: none;
    30583071    /* Only visible in Windows High Contrast mode */
    30593072    outline: 1px solid transparent;
Note: See TracChangeset for help on using the changeset viewer.