WordPress.org

Make WordPress Core

Ticket #38952: 38952.0.diff

File 38952.0.diff, 3.2 KB (added by westonruter, 3 years ago)
  • src/wp-admin/css/customize-nav-menus.css

    diff --git src/wp-admin/css/customize-nav-menus.css src/wp-admin/css/customize-nav-menus.css
    index a63df15..6fe558d 100644
     
    301301        text-decoration: none !important;
    302302}
    303303
    304 #accordion-panel-nav_menus .field-link-target,
    305 #accordion-panel-nav_menus .field-title-attribute,
    306 #accordion-panel-nav_menus .field-css-classes,
    307 #accordion-panel-nav_menus .field-xfn,
    308 #accordion-panel-nav_menus .field-description {
     304.control-section-nav_menu .field-link-target,
     305.control-section-nav_menu .field-title-attribute,
     306.control-section-nav_menu .field-css-classes,
     307.control-section-nav_menu .field-xfn,
     308.control-section-nav_menu .field-description {
    309309        display: none;
    310310}
    311311
    312 #accordion-panel-nav_menus.field-link-target-active .field-link-target,
    313 #accordion-panel-nav_menus.field-title-attribute-active .field-title-attribute,
    314 #accordion-panel-nav_menus.field-css-classes-active .field-css-classes,
    315 #accordion-panel-nav_menus.field-xfn-active .field-xfn,
    316 #accordion-panel-nav_menus.field-description-active .field-description {
     312.control-section-nav_menu.field-link-target-active .field-link-target,
     313.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
     314.control-section-nav_menu.field-css-classes-active .field-css-classes,
     315.control-section-nav_menu.field-xfn-active .field-xfn,
     316.control-section-nav_menu.field-description-active .field-description {
    317317        display: block;
    318318}
    319319
  • src/wp-admin/js/customize-nav-menus.js

    diff --git src/wp-admin/js/customize-nav-menus.js src/wp-admin/js/customize-nav-menus.js
    index be3fba1..d230987 100644
     
    800800
    801801                                panel.saveManageColumnsState();
    802802                        });
    803                         this.container.find( '.hide-column-tog' ).each( function() {
    804                         var $t = $( this ), column = $t.val();
    805                                 if ( $t.prop( 'checked' ) ) {
    806                                         panel.checked( column );
    807                                 } else {
    808                                         panel.unchecked( column );
    809                                 }
    810                         });
    811803                },
    812804
    813805                saveManageColumnsState: _.debounce( function() {
     
    827819                }, 2000 ),
    828820
    829821                checked: function( column ) {
    830                         this.container.addClass( 'field-' + column + '-active' );
     822                        _.each( this.sections(), function( section ) {
     823                                section.container.addClass( 'field-' + column + '-active' );
     824                        } );
    831825                },
    832826
    833827                unchecked: function( column ) {
    834                         this.container.removeClass( 'field-' + column + '-active' );
     828                        _.each( this.sections(), function( section ) {
     829                                section.container.removeClass( 'field-' + column + '-active' );
     830                        } );
    835831                },
    836832
    837833                hidden: function() {
     
    923919                                section.container.find( '.menu-item.move-left-disabled .menus-move-left' ).attr({ 'tabindex': '-1', 'aria-hidden': 'true' });
    924920                                section.container.find( '.menu-item.move-right-disabled .menus-move-right' ).attr({ 'tabindex': '-1', 'aria-hidden': 'true' });
    925921                        } );
     922
     923                        // Set the initial classes for active fields.
     924                        api.panel( 'nav_menus' ).container.find( '.hide-column-tog' ).each( function() {
     925                                var $toggle = $( this ), column = $toggle.val();
     926                                section.container.toggleClass( 'field-' + column + '-active', $toggle.prop( 'checked' ) );
     927                        });
    926928                },
    927929
    928930                populateControls: function() {