fix: make AppNavigation functional with rtl languages

Signed-off-by: Hamza Mahjoubi <[email protected]>
nextcloud-libraries · Oct 20, 2024 · da4a798 · da4a798
1 parent 362ef4c
commit da4a798
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue
@@ -341,7 +341,7 @@ export default {
 	backdrop-filter: var(--filter-background-blur, none);
 
 	&--close {
-		margin-left: calc(-1 * min($navigation-width, var(--app-navigation-max-width)));
+		margin-inline-start: calc(-1 * min($navigation-width, var(--app-navigation-max-width)));
 	}
 
 	// For legacy purposes support passing a bare list to the content in #default slot and including #footer slot

diff --git a/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue b/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
@@ -71,8 +71,8 @@ export default {
 .app-navigation-toggle-wrapper {
 	position: absolute;
 	top: var(--app-navigation-padding);
-	right: calc(0px - var(--app-navigation-padding));
-	margin-right: calc(-1 * var(--default-clickable-area));
+	inset-inline-end: calc(0px - var(--app-navigation-padding));
+	margin-inline-end: calc(-1 * var(--default-clickable-area));
 }
 
 button.app-navigation-toggle {