WordPress.org

Make WordPress Core

Ticket #52473: 52473.diff

File 52473.diff, 1.4 KB (added by mukesh27, 8 months ago)
  • wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js

    diff --git a/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js b/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js
    index 22f5e3e15f..f5519d06e4 100644
    a b function darkModeInitialLoad() { 
    4444}
    4545
    4646function darkModeRepositionTogglerOnScroll() {
    47         var prevScroll = window.scrollY || document.documentElement.scrollTop,
     47
     48        var toggler = document.getElementById( 'dark-mode-toggler' ),
     49                prevScroll = window.scrollY || document.documentElement.scrollTop,
    4850                currentScroll,
    4951
    5052                checkScroll = function() {
    function darkModeRepositionTogglerOnScroll() { 
    5355                                currentScroll + ( window.innerHeight * 1.5 ) > document.body.clientHeight ||
    5456                                currentScroll < prevScroll
    5557                        ) {
    56                                 document.getElementById( 'dark-mode-toggler' ).classList.remove( 'hide' );
     58                                toggler.classList.remove( 'hide' );
    5759                        } else if ( currentScroll > prevScroll && 250 < currentScroll ) {
    58                                 document.getElementById( 'dark-mode-toggler' ).classList.add( 'hide' );
     60                                toggler.classList.add( 'hide' );
    5961                        }
    6062                        prevScroll = currentScroll;
    6163                };
    62         window.addEventListener( 'scroll', checkScroll );
     64
     65        if ( toggler ) {
     66                window.addEventListener( 'scroll', checkScroll );
     67        }
    6368}
    6469
    6570darkModeInitialLoad();