From a8109e40f06c49ceaf3d410d7bbf72a2382161d3 Mon Sep 17 00:00:00 2001 From: Felix Hamann Date: Wed, 20 Jun 2018 22:09:33 +0200 Subject: [PATCH] js sets height of asidenav dynamically --- templates/widgets/asidenav.julius | 6 +++++- templates/widgets/asidenav.lucius | 5 ++--- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/templates/widgets/asidenav.julius b/templates/widgets/asidenav.julius index ad08e89d3..1a4a7af06 100644 --- a/templates/widgets/asidenav.julius +++ b/templates/widgets/asidenav.julius @@ -84,6 +84,10 @@ document.addEventListener('DOMContentLoaded', function() { - // utils.aside(document.querySelector('.main__aside')); + var asidenavEl = document.querySelector('.main__aside'); + var mainEl = document.querySelector('.main__content'); + + asidenavEl.style.height = `${mainEl.clientHeight + 75}px`; + // utils.aside(asidenavEl); }); diff --git a/templates/widgets/asidenav.lucius b/templates/widgets/asidenav.lucius index 76ce94cf1..9dc24f13a 100644 --- a/templates/widgets/asidenav.lucius +++ b/templates/widgets/asidenav.lucius @@ -4,7 +4,7 @@ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); z-index: 1; flex: 0 0 300px; - height: calc(100% - 80px); + min-height: calc(100% - 80px); transition: all .2s ease-out; width: 300px; @@ -147,8 +147,7 @@ width: 50px; flex-basis: 50px; overflow: hidden; - height: calc(100% - 50px); - + min-height: calc(100% - 50px); ~ .main__content { padding-left: 50px;