Make WordPress Core

Changeset 49346


Ignore:
Timestamp:
10/27/2020 08:16:22 PM (4 years ago)
Author:
helen
Message:

Menus: Better responsive display for accordion items.

This only applies to the standalone menu screen; fixes for the customizer will be handled separately.

Props audrasjb, garrett-eclipse.
See #49375.

File:
1 edited

Legend:

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

    r48116 r49346  
    446446    height: auto;
    447447    min-height: 20px;
    448     width: 382px;
     448    max-width: 382px;
    449449    line-height: 2.30769230;
    450450    overflow: hidden;
     
    640640.menu-item-settings {
    641641    display: block;
    642     width: 402px;
    643     padding: 10px 0 10px 10px;
     642    max-width: 392px;
     643    padding: 10px;
    644644    position: relative;
    645645    z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
     
    711711
    712712.description-thin {
    713     width: 190px;
     713    width: calc(50% - 5px);
     714}
     715
     716.menu-item-settings .description-thin + .description-thin {
     717    margin-right: 0;
    714718}
    715719
    716720.description-wide {
    717     width: 390px;
     721    width: 100%;
    718722}
    719723
     
    760764-------------------------------------------------------------- */
    761765
    762 @media only screen and (min-width: 769px) and (max-width: 1000px){
     766@media only screen and (min-width: 769px) and (max-width: 1000px) {
    763767    body.menu-max-depth-0 {
    764768        min-width: 0 !important;
    765769    }
    766770
    767     #menu-management-liquid{
     771    #menu-management-liquid {
    768772        width: 100%;
    769773    }
    770774
    771     .nav-menus-php #post-body-content{
     775    .nav-menus-php #post-body-content {
    772776        min-width: 0;
    773     }
    774 
    775     .menu-item-bar .menu-item-handle{
    776         width: 90%;
    777777    }
    778778}
Note: See TracChangeset for help on using the changeset viewer.