mirrors/discord.py
1
0
Fork 0
mirror of https://github.com/Rapptz/discord.py.git synced 2025-05-16 18:59:09 +00:00
Code Issues Projects Releases Wiki Activity

Fix sidebar jank on desktop.

Browse Source
This commit is contained in:
Josh 2020-07-23 13:35:51 +10:00 committed by Rapptz
parent 7038c5af8b
commit 07ec9bc370
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/_static/custom.js vendored
View File

@ -7,6 +7,11 @@ let settingsModal;
let hamburgerToggle; let hamburgerToggle;
let sidebar; let sidebar;
function resizeSidebar() {
let rect = sidebar.getBoundingClientRect();
sidebar.style.height = `calc(100vh - 1em - ${rect.top + document.body.offsetTop}px)`;
}
function closeModal(modal) { function closeModal(modal) {
activeModal = null; activeModal = null;
modal.hidden = true; modal.hidden = true;
@ -66,6 +71,8 @@ document.addEventListener('DOMContentLoaded', () => {
hamburgerToggle = document.getElementById("hamburger-toggle"); hamburgerToggle = document.getElementById("hamburger-toggle");
sidebar = document.getElementById("sidebar"); sidebar = document.getElementById("sidebar");
resizeSidebar();
sidebar.addEventListener("click", (e) => { sidebar.addEventListener("click", (e) => {
// If we click a navigation, close the hamburger menu // If we click a navigation, close the hamburger menu
if (e.target.tagName == "A" && sidebar.classList.contains("sidebar-toggle")) { if (e.target.tagName == "A" && sidebar.classList.contains("sidebar-toggle")) {
@ -136,6 +143,8 @@ window.addEventListener('scroll', () => {
activeLink.parentElement.classList.add('active'); activeLink.parentElement.classList.add('active');
} }
} }
resizeSidebar();
}); });
document.addEventListener('keydown', (event) => { document.addEventListener('keydown', (event) => {

2
docs/_static/style.css vendored
View File

@ -1093,7 +1093,7 @@ div.code-block-caption {
display: inline-block; display: inline-block;
position: sticky; position: sticky;
top: 1em; top: 1em;
max-height: calc(100vh - 1em); max-height: calc(100vh - 2em);
overflow-y: auto; overflow-y: auto;
margin: 1em; margin: 1em;
} }