diff --git a/app/assets/javascripts/fly_out_nav.js b/app/assets/javascripts/fly_out_nav.js index ae04826896b464de0556b9e1d45ba6439d3a8b28..3f64c16a79dfdbf918d69431aa96f72496a09d50 100644 --- a/app/assets/javascripts/fly_out_nav.js +++ b/app/assets/javascripts/fly_out_nav.js @@ -7,32 +7,32 @@ export const calculateTop = (boundingRect, outerHeight) => { }; export const showSubLevelItems = (el) => { - const $subitems = el.querySelector('.sidebar-sub-level-items'); + const subItems = el.querySelector('.sidebar-sub-level-items'); - if (!$subitems) return; + if (!subItems) return; - $subitems.style.display = 'block'; + subItems.style.display = 'block'; el.classList.add('is-over'); const boundingRect = el.getBoundingClientRect(); - const top = calculateTop(boundingRect, $subitems.offsetHeight); + const top = calculateTop(boundingRect, subItems.offsetHeight); const isAbove = top < boundingRect.top; - $subitems.style.transform = `translate3d(0, ${Math.floor(top)}px, 0)`; + subItems.style.transform = `translate3d(0, ${Math.floor(top)}px, 0)`; if (isAbove) { - $subitems.classList.add('is-above'); + subItems.classList.add('is-above'); } }; export const hideSubLevelItems = (el) => { - const $subitems = el.querySelector('.sidebar-sub-level-items'); + const subItems = el.querySelector('.sidebar-sub-level-items'); - if (!$subitems) return; + if (!subItems) return; el.classList.remove('is-over'); - $subitems.style.display = 'none'; - $subitems.classList.remove('is-above'); + subItems.style.display = 'none'; + subItems.classList.remove('is-above'); }; export default () => {