Changeset 47776

Timestamp:

05/08/2020 07:34:14 PM (5 years ago)

Author:

ianbelanger

Message:

Bundled Themes: Twenty Twenty customizer retina_logo should be hidden when no logo is set.

Modifies the Customize setting Site Identity > Retina logo so that the option is hidden if there is no logo is set in Site Identity > Logo.

Props truongwp.
Fixes #50109.

File:

• trunk/src/wp-content/themes/twentytwenty/assets/js/customize-controls.js (modified) (2 diffs)

trunk/src/wp-content/themes/twentytwenty/assets/js/customize-controls.js

@@ -34 +34 @@
                     twentyTwentySetAccessibleColorsValue( context, to, wp.customize( 'accent_hue' ).get(), to );
                 } );
+            } );
+        } );
+
+        // Show or hide retina_logo setting on the first load.
+        twentyTwentySetRetineLogoVisibility( !! wp.customize( 'custom_logo' )() );
+
+        // Add a listener for custom_logo changes.
+        wp.customize( 'custom_logo', function( value ) {
+            value.bind( function( to ) {
+                // Show or hide retina_logo setting on changing custom_logo.
+                twentyTwentySetRetineLogoVisibility( !! to );
             } );
         } );
@@ -88 +99 @@
         wp.customize( 'accent_accessible_colors' )._dirty = true;
     }
+
+    /**
+     * Shows or hides the "retina_logo" setting based on the given value.
+     *
+     * @since Twenty Twenty 1.3
+     *
+     * @param {boolean} visible The visible value.
+     *
+     * @return {void}
+     */
+    function twentyTwentySetRetineLogoVisibility( visible ) {
+        wp.customize.control( 'retina_logo' ).container.toggle( visible );
+    }
 }( jQuery ) );