BC- 7030 - new sidebar (#3193)

* add tooltip to sidebar items * adjust to new alert setup
hpi-schul-cloud · Apr 18, 2024 · a92dd24 · a92dd24
1 parent ede7c51
commit a92dd24
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/layouts/lernStore.layout.vue b/src/layouts/lernStore.layout.vue
@@ -1,7 +1,7 @@
 <template>
 	<legacy-logged-in v-if="legacyLayout">
 		<v-main id="main-content" class="content">
-			<snackbar />
+			<alert-container />
 			<router-view />
 		</v-main>
 		<loading-state-dialog />
@@ -12,7 +12,7 @@
 
 <script>
 import LegacyLoggedIn from "@/layouts/legacyLoggedIn";
-import Snackbar from "@/components/molecules/Alert";
+import AlertContainer from "@/components/molecules/AlertContainer.vue";
 import LoadingStateDialog from "@/components/molecules/LoadingStateDialog";
 import { contentModule } from "@/store";
 
@@ -21,7 +21,7 @@ export default {
 	components: {
 		LoadingStateDialog,
 		LegacyLoggedIn,
-		Snackbar,
+		AlertContainer,
 	},
 	computed: {
 		legacyLayout() {

diff --git a/src/layouts/newLoggedIn.layout.vue b/src/layouts/newLoggedIn.layout.vue
@@ -14,7 +14,7 @@
 
 		<v-main id="main-content">
 			<application-error-wrapper>
-				<snackbar />
+				<AlertContainer />
 				<router-view />
 			</application-error-wrapper>
 		</v-main>
@@ -30,7 +30,7 @@ import { ref, computed } from "vue";
 import { useDisplay } from "vuetify";
 import SkipLinks from "@/components/molecules/SkipLinks.vue";
 import { Sidebar } from "@ui-layout";
-import Snackbar from "@/components/molecules/Alert.vue";
+import AlertContainer from "@/components/molecules/AlertContainer.vue";
 import LoadingStateDialog from "@/components/molecules/LoadingStateDialog.vue";
 import ApplicationErrorWrapper from "@/components/molecules/ApplicationErrorWrapper.vue";
 import autoLogoutWarning from "@/components/organisms/AutoLogoutWarning.vue";

diff --git a/src/modules/ui/layout/SidebarCategoryItem.vue b/src/modules/ui/layout/SidebarCategoryItem.vue
@@ -10,7 +10,7 @@
 				<template #prepend>
 					<v-icon :icon="item.icon" class="mr-2" />
 				</template>
-				<v-list-item-title>
+				<v-list-item-title :title="$t(item.title)">
 					{{ $t(item.title) }}
 				</v-list-item-title>
 			</v-list-item>

diff --git a/src/modules/ui/layout/SidebarItem.vue b/src/modules/ui/layout/SidebarItem.vue
@@ -12,7 +12,7 @@
 		<template #prepend>
 			<v-icon v-if="hasIcon(item)" :icon="item.icon" class="mr-2" />
 		</template>
-		<v-list-item-title>
+		<v-list-item-title :title="$t(item.title)">
 			{{ $t(item.title) }}
 		</v-list-item-title>
 	</v-list-item>