From 7b46a157528d1485389d7a838cafd41ebf477ddf Mon Sep 17 00:00:00 2001
From: adisposkofh <ma1434@technikum-wien.at>
Date: Mon, 11 May 2026 09:58:33 +0200
Subject: [PATCH] minor fix

---
 public/js/apps/Cis/Menu.js                  |  1 +
 public/js/components/Cis/Menu.js            |  6 +++---
 public/js/components/searchbar/searchbar.js | 24 ++++++++++-----------
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/public/js/apps/Cis/Menu.js b/public/js/apps/Cis/Menu.js
index f4fc4cefd..3463dda4a 100644
--- a/public/js/apps/Cis/Menu.js
+++ b/public/js/apps/Cis/Menu.js
@@ -141,6 +141,7 @@ const app = Vue.createApp({
 	provide() {
 		return {
 			isNarrow: Vue.computed(() => this.windowWidth < 992),
+			isMobile: Vue.computed(() => this.windowWidth < 767),
 		}
 	},
     methods: {
diff --git a/public/js/components/Cis/Menu.js b/public/js/components/Cis/Menu.js
index 60719062b..9946c8392 100644
--- a/public/js/components/Cis/Menu.js
+++ b/public/js/components/Cis/Menu.js
@@ -30,7 +30,7 @@ export default {
 			menuOpen:true,
         };
     },
-	inject: ["isNarrow"],
+	inject: ["isNarrow", "isMobile"],
 	provide(){
 		return{
 			setActiveEntry: this.setActiveEntry,
@@ -144,9 +144,9 @@ export default {
 		
 		<div
 			id="header-options-collapsible"
-			:class="{'collapse multi-collapse collapse-horizontal show': isNarrow}"
+			:class="{'collapse multi-collapse collapse-horizontal show': isMobile}"
 		>
-			<div :style="!isNarrow ? '' : 'width: 105px'" class="d-flex flex-row ps-3 justify-content-end">
+			<div :style="!isMobile ? '' : 'width: 105px'" class="d-flex flex-row ps-3 justify-content-end">
 				<span class="d-flex flex-row align-items-center">
 					<theme-switch></theme-switch>
 				</span>
diff --git a/public/js/components/searchbar/searchbar.js b/public/js/components/searchbar/searchbar.js
index 2f1667692..092eefe08 100644
--- a/public/js/components/searchbar/searchbar.js
+++ b/public/js/components/searchbar/searchbar.js
@@ -39,7 +39,7 @@ export default {
 			query: Vue.computed(() => this.lastQuery),
 		};
 	},
-	inject: ["isNarrow"],
+	inject: ["isMobile"],
 	data: function () {
 		return {
 			searchtimer: null,
@@ -56,7 +56,7 @@ export default {
 			abortController: null,
 			settingsDropdown: null,
 			lastQuery: "",
-			isSearchShownInNarrowView: false,
+			isSearchShownInMobileView: false,
 		};
 	},
 	computed: {
@@ -95,7 +95,7 @@ export default {
 			@focusout="searchfocusout"
 		>
 			<span
-				v-if="isNarrow"
+				v-if="isMobile"
 				type="button"
 				data-bs-toggle="collapse"
 				data-bs-target=".multi-collapse"
@@ -104,21 +104,21 @@ export default {
 			 	class="d-flex flex-row align-items-center pe-1"
 				style="color: white"
 			>
-				<i v-if="isSearchShownInNarrowView" class="fa-solid fa-chevron-left ps-3"></i>
+				<i v-if="isSearchShownInMobileView" class="fa-solid fa-chevron-left ps-3"></i>
 				<i v-else class="fa-solid fa-magnifying-glass ps-2"></i>
 			</span>
 
 			<div
-				:class="{'flex-grow-1': !isNarrow, 'collapse multi-collapse collapse-horizontal': isNarrow}"
+				:class="{'flex-grow-1': !isMobile, 'collapse multi-collapse collapse-horizontal': isMobile}"
 				id="header-searchbar-collapsible"
-				@[\`show.bs.collapse\`]="isSearchShownInNarrowView = true"
-				@[\`hidden.bs.collapse\`]="isSearchShownInNarrowView = false"
+				@[\`show.bs.collapse\`]="isSearchShownInMobileView = true"
+				@[\`hidden.bs.collapse\`]="isSearchShownInMobileView = false"
 			>
 				<div
-					:class="{open: showresult, closed: showresult, 'px-3': isNarrow}"
+					:class="{open: showresult, closed: showresult, 'px-3': isMobile}"
 					ref="searchbox"
 					class="h-100 input-group me-2 searchbar_searchbox"
-					:style="isNarrow ? 'width: ' + getMaxWidthOfSearchbarInNarrowView() : ''"
+					:style="isMobile ? 'width: ' + getMaxWidthOfSearchbarInNarrowView() : ''"
 				>
 					<span class="input-group-text">
 						<i class="fa-solid fa-magnifying-glass color-white"></i>
@@ -243,9 +243,9 @@ export default {
 			}
 			this.search();
 		},
-		isNarrow() {
-			if (!this.isNarrow) {
-				this.isSearchShownInNarrowView = false;
+		isMobile() {
+			if (!this.isMobile) {
+				this.isSearchShownInMobileView = false;
 			}
 		},
 	},