From 40516b34a2abc82bfdc4005966b3c19fb134bba0 Mon Sep 17 00:00:00 2001
From: adisposkofh <ma1434@technikum-wien.at>
Date: Mon, 14 Sep 2026 14:21:33 +0200
Subject: [PATCH] moved repetitive sidenav menu node style into computed
 property

---
 public/js/components/Cis/Menu/Entry.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/public/js/components/Cis/Menu/Entry.js b/public/js/components/Cis/Menu/Entry.js
index 9ea213c04..41691e708 100644
--- a/public/js/components/Cis/Menu/Entry.js
+++ b/public/js/components/Cis/Menu/Entry.js
@@ -80,6 +80,9 @@ export default {
 		menuHierarchy() {
 			return [...this.$props.overarchingMenuHierarchy, this.$props.entry.content_id];
 		},
+		menuNodePadding() {
+			return "padding-left: calc(var(--bs-btn-padding-x) * " + this.$props.level + ");";
+		},
     },
     methods: {
 		getUrlMatchPoints(url,link){
@@ -176,7 +179,7 @@ export default {
                         ['btn-level-' + level]: true,
 						'fw-bold': $props.activeContent === $props.entry.content_id
                     }"
-					:style="'padding-left: calc(var(--bs-btn-padding-x) * ' + $props.level + ');'">
+					:style="menuNodePadding">
                     {{ entry.titel }}
                 </a>
                 <button @click.prevent="toggleCollapse()" :aria-expanded="entry.menu_open"
@@ -210,7 +213,7 @@ export default {
 				'fw-bold': $props.activeContent === $props.entry.content_id
             }"
             @click="handleClickOnMenuNode(event)"
-			:style="'padding-left: calc(var(--bs-btn-padding-x) * ' + $props.level + ');'">
+			:style="menuNodePadding">
             {{ entry.titel }}
         </a>
     </template>`