diff options
Diffstat (limited to 'app')
| -rw-r--r-- | app/assets/javascripts/fly_out_nav.js | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/app/assets/javascripts/fly_out_nav.js b/app/assets/javascripts/fly_out_nav.js index 3f64c16a79d..8e9a97fe207 100644 --- a/app/assets/javascripts/fly_out_nav.js +++ b/app/assets/javascripts/fly_out_nav.js @@ -1,3 +1,8 @@ +/* global bp */ +import './breakpoints'; + +export const canShowSubItems = () => bp.getBreakpointSize() === 'md' || bp.getBreakpointSize() === 'lg'; + export const calculateTop = (boundingRect, outerHeight) => { const windowHeight = window.innerHeight; const bottomOverflow = windowHeight - (boundingRect.top + outerHeight); @@ -9,7 +14,7 @@ export const calculateTop = (boundingRect, outerHeight) => { export const showSubLevelItems = (el) => { const subItems = el.querySelector('.sidebar-sub-level-items'); - if (!subItems) return; + if (!subItems || !canShowSubItems()) return; subItems.style.display = 'block'; el.classList.add('is-over'); @@ -28,7 +33,7 @@ export const showSubLevelItems = (el) => { export const hideSubLevelItems = (el) => { const subItems = el.querySelector('.sidebar-sub-level-items'); - if (!subItems) return; + if (!subItems || !canShowSubItems()) return; el.classList.remove('is-over'); subItems.style.display = 'none'; |