From ffeba5b404b492f0df990b2a0bc425abde22a832 Mon Sep 17 00:00:00 2001
From: robin <binkrassdufass@gmail.com>
Date: Fri, 15 Dec 2023 15:21:08 +0000
Subject: [PATCH] bugfix

---
 frontend/src/App.svelte                       | 22 ++--------
 .../src/lib/components/header/desktop.svelte  | 43 ++++---------------
 .../src/lib/components/header/mobile.svelte   |  1 -
 3 files changed, 12 insertions(+), 54 deletions(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 4c2997b..0448cd5 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -32,7 +32,9 @@
 
     async function getNavigation() {
         let nav: Navigation[] = await loadNavigation()
+
         $navigation = nav[0]
+
         $serviceNavigation = nav[1]
     }
     async function getBanner() {
@@ -95,25 +97,7 @@
 <svelte:head>
     {#if cookiesAllowed}
         <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
-        <!-- Google tag (gtag.js) -->
+
         <!-- Google tag (gtag.js) -->
         <script async src="https://www.googletagmanager.com/gtag/js?id=G-F384Z2JF20"></script>
         <script>
diff --git a/frontend/src/lib/components/header/desktop.svelte b/frontend/src/lib/components/header/desktop.svelte
index 8670ae0..8dceb29 100644
--- a/frontend/src/lib/components/header/desktop.svelte
+++ b/frontend/src/lib/components/header/desktop.svelte
@@ -29,35 +29,6 @@
     }
 
     let hoverTimeout: string | number | NodeJS.Timeout | undefined
-
-    function stretchText() {
-        /* let container = document.getElementById("logo-containerpc")
-        let textElement = document.getElementById("upperpc")
-
-        let containerWidth = container.offsetWidth
-        let textWidth = textElement.offsetWidth
-
-        let characterCount = textElement.textContent.length - 1
-        let spaceNeeded = containerWidth - textWidth
-
-        if (characterCount > 0 && spaceNeeded > 0) {
-            const letterSpacing = spaceNeeded / characterCount
-            textElement.style.letterSpacing = `${letterSpacing}px`
-        }
-
-        textElement = document.getElementById("lowerpc")
-
-        containerWidth = container.offsetWidth
-        textWidth = textElement.offsetWidth
-
-        characterCount = textElement.textContent.length - 1
-        spaceNeeded = containerWidth - textWidth
-
-        if (characterCount > 0 && spaceNeeded > 0) {
-            const letterSpacing = spaceNeeded / characterCount
-            textElement.style.letterSpacing = `${letterSpacing}px`
-        }*/
-    }
 </script>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
@@ -156,9 +127,9 @@
         {/if}
     </ul>
 </ul>
-
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
-<button
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div
     class="submenu-container"
     id="submenu-container"
     on:mouseover="{(e) => {
@@ -171,9 +142,13 @@
     {#if $navigation?.elemente}
         <div class="inner-container">
             {#each $navigation?.elemente as submenu, i (i * 10)}
+                <!-- svelte-ignore a11y-click-events-have-key-events -->
+                <!-- svelte-ignore a11y-no-static-element-interactions -->
+                <!-- svelte-ignore a11y-no-static-element-interactions -->
                 {#if !submenu?.endpoint}
                     <!-- svelte-ignore a11y-mouse-events-have-key-events -->
-                    <button
+                    <!-- svelte-ignore a11y-click-events-have-key-events -->
+                    <div
                         on:mouseover|stopPropagation
                         class="innersubmenu-container"
                         id="{`submenu-${i}`}"
@@ -207,12 +182,12 @@
                                 {/each}
                             </ul>
                         </div>
-                    </button>
+                    </div>
                 {/if}
             {/each}
         </div>
     {/if}
-</button>
+</div>
 
 <style lang="less" global>
     @import "../../assets/css/variables.less";
diff --git a/frontend/src/lib/components/header/mobile.svelte b/frontend/src/lib/components/header/mobile.svelte
index 41fe40a..ee4949e 100644
--- a/frontend/src/lib/components/header/mobile.svelte
+++ b/frontend/src/lib/components/header/mobile.svelte
@@ -92,7 +92,6 @@
         window.addEventListener("resize", stretchText)
         onMount(stretchText)
     }
-    // test
 </script>
 
 <ul>