use buttons to prevent translation

AndreKoepke · Feb 22, 2025 · 4ddf6ee · 4ddf6ee
1 parent bbc3bee
commit 4ddf6ee
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
@@ -4,10 +4,10 @@
 
 <div class="navbar">
   @for (route of routes; track route.link) {
-    <a [class.active]="activeRoute() == route.link"
+    <button type="button" [class.active]="activeRoute() == route.link"
        (click)="clickMenuItem(route.link)"
        (touchstart)="clickMenuItem(route.link)">
       {{ route.text }}
-    </a>
+    </button>
   }
 </div>
diff --git a/frontend/src/app/app.component.scss b/frontend/src/app/app.component.scss
@@ -15,18 +15,20 @@
 }
 
 /* Navbar links */
-.navbar a {
+.navbar button {
   float: left;
   text-align: center;
   padding: 12px;
+  background-color: gray;
+  border-style: none;
   color: white;
   text-decoration: none;
   font-size: 17px;
   cursor: pointer;
 }
 
 /* Navbar links on mouse-over */
-.navbar a:hover {
+.navbar button:hover {
   background-color: #000;
 }