jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-16 13:56:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix sidebar footer overlap (#16181)

Browse Source
This commit is contained in:
Tom Brien 2021-01-25 14:55:55 +00:00 committed by GitHub
parent 87c121ec1c
commit ed301346b6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
source/_includes/site/sidebar.html
View File

@ -36,10 +36,11 @@
// Some sidebars are longer than the screen so they can't be locked. // Some sidebars are longer than the screen so they can't be locked.
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
const sidebar = document.querySelector("#sidebar").querySelector(".grid"); const sidebar = document.querySelector("#sidebar").querySelector(".grid");
const footer = document.querySelector("footer").querySelector(".grid")
if (sidebar) { if (sidebar) {
const content = document.querySelector(".page-content").querySelector(".grid-wrapper"); const content = document.querySelector(".page-content").querySelector(".grid-wrapper");
const windowHeight = window.innerHeight - 82; const windowHeight = window.innerHeight - 82;
if (sidebar.clientHeight > content.clientHeight || sidebar.clientHeight > windowHeight) { if (sidebar.clientHeight > content.clientHeight || sidebar.clientHeight > windowHeight - footer.clientHeight) {
sidebar.style.display = "contents" sidebar.style.display = "contents"
} }
} }