fixed height-issues of asidenav and table-pagination
This commit is contained in:
parent
0f176694ba
commit
3dddc18601
@ -19,21 +19,6 @@
|
|||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
|
||||||
var asidenavEl = document.querySelector('.main__aside');
|
var asidenavEl = document.querySelector('.main__aside');
|
||||||
var mainContentEl = document.querySelector('.main__content');
|
|
||||||
|
|
||||||
function adjustHeight() {
|
|
||||||
window.requestAnimationFrame(function() {
|
|
||||||
asidenavEl.style.height = mainContentEl.clientHeight + 'px';
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// unbeknownst to the user (below the fold), this happes slightly delayed
|
|
||||||
// because of dynamic changes to the styles inside the main__content
|
|
||||||
setTimeout(function() {
|
|
||||||
adjustHeight();
|
|
||||||
}, 10);
|
|
||||||
|
|
||||||
window.addEventListener('resize', adjustHeight);
|
|
||||||
|
|
||||||
window.utils.aside(asidenavEl);
|
window.utils.aside(asidenavEl);
|
||||||
|
|
||||||
|
|||||||
@ -7,6 +7,7 @@
|
|||||||
min-height: calc(100% - var(--header-height));
|
min-height: calc(100% - var(--header-height));
|
||||||
transition: all .2s ease-out;
|
transition: all .2s ease-out;
|
||||||
width: 24%;
|
width: 24%;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* maximum width of 300px for wide screens */
|
/* maximum width of 300px for wide screens */
|
||||||
|
|||||||
Reference in New Issue
Block a user