refactor(mon-pix): edit constant and create methode to calculate offset

Co-authored-by: Clément Latzarus <[email protected]>
1024pix · Dec 4, 2024 · 5bcd53f · 5bcd53f
1 parent 8c56f58
commit 5bcd53f
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/mon-pix/app/services/modulix-auto-scroll.js b/mon-pix/app/services/modulix-auto-scroll.js
@@ -4,11 +4,18 @@ import Service, { service } from '@ember/service';
 export default class ModulixAutoScroll extends Service {
   @service modulixPreviewMode;
 
-  #SCROLL_OFFSET_PX = 70;
+  #DISTANCE_BETWEEN_GRAIN_AND_NAVBAR_PX = 70;
 
   @action
   setHTMLElementScrollOffsetCssProperty(htmlElement) {
-    htmlElement.style.setProperty('--scroll-offset', `${this.#SCROLL_OFFSET_PX}px`);
+    htmlElement.style.setProperty('--scroll-offset', `${this.#getScrollOffset()}px`);
+  }
+
+  #getScrollOffset({ getNavbar } = { getNavbar: this.#getNavbar }) {
+    const navbarElement = getNavbar();
+    const navbarHeight = navbarElement ? navbarElement.getBoundingClientRect().height : 0;
+
+    return this.#DISTANCE_BETWEEN_GRAIN_AND_NAVBAR_PX + navbarHeight;
   }
 
   focusAndScroll(