WordPress.org

Make WordPress Core

Ticket #49375: 49375.2.diff

File 49375.2.diff, 1.5 KB (added by garrett-eclipse, 12 months ago)

Refresh to make the description-[wide/thin] percent based to avoid overflow and ensure consistent space on the right.

  • src/wp-admin/css/nav-menus.css

     
    445445        padding: 10px 15px;
    446446        height: auto;
    447447        min-height: 20px;
    448         width: 382px;
     448        max-width: 382px;
    449449        line-height: 2.30769230;
    450450        overflow: hidden;
    451451        word-wrap: break-word;
     
    639639
    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 */
    646646        border: 1px solid #ccd0d4;
     
    710710}
    711711
    712712.description-thin {
    713         width: 190px;
     713        width: calc(50% - 5px);
    714714}
    715715
     716.menu-item-settings .description-thin + .description-thin {
     717        margin-right: 0;
     718}
     719
    716720.description-wide {
    717         width: 390px;
     721        width: 100%;
    718722}
    719723
    720724.menu-item-actions {
     
    759763/* =Media Queries
    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;
    773777        }
    774 
    775         .menu-item-bar .menu-item-handle{
    776                 width: 90%;
    777         }
    778778}
    779779
    780780@media screen and (max-width: 782px) {