Merge pull request #3800 from nextcloud/feature/3688/close-icon-for-a…

…pp-navigation-toggle NcAppNavigation - change toggle icon for opened sidebar
nextcloud-libraries · Feb 20, 2023 · 0531fa6 · 0531fa6
2 parents f688b22 + 848603f
commit 0531fa6
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue b/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
@@ -30,7 +30,8 @@
 		aria-controls="app-navigation-vue"
 		@click="toggleNavigation">
 		<template #icon>
-			<MenuIcon :size="20" />
+			<MenuOpenIcon v-if="open" :size="20" />
+			<MenuIcon v-else :size="20" />
 		</template>
 	</NcButton>
 </template>
@@ -41,6 +42,7 @@ import Tooltip from '../../directives/Tooltip/index.js'
 import { t } from '../../l10n.js'
 
 import MenuIcon from 'vue-material-design-icons/Menu.vue'
+import MenuOpenIcon from 'vue-material-design-icons/MenuOpen.vue'
 
 export default {
 	name: 'NcAppNavigationToggle',
@@ -52,6 +54,7 @@ export default {
 	components: {
 		NcButton,
 		MenuIcon,
+		MenuOpenIcon,
 	},
 
 	props: {