MediaWiki:Common.js: Difference between revisions

mNo edit summary
m sidebar toggle for small screens
 
Line 70: Line 70:
     }
     }
}());
}());
// Add a simple sidebar toggle for small screens
( function () {
  if ( mw.config.get('skin') && window.matchMedia('(max-width: 800px)').matches ) {
    var btn = document.createElement('button');
    btn.className = 'sidebar-toggle';
    btn.textContent = '☰';
    document.body.appendChild(btn);
    btn.addEventListener('click', function () {
      var sb = document.querySelector('.vector-sidebar, .mw-sidebar, #mw-panel');
      if ( sb ) sb.classList.toggle('open');
    });
  }
}() );