Fix(core): fix app menu alignment in RTL mode.

Signed-off-by: Faisal Alghamdi <falghamdi125@gmail.com>
nextcloud · Nov 5, 2024 · 4c1bf5a · 4c1bf5a
1 parent 1140e41
commit 4c1bf5a
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/core/src/components/AppMenuEntry.vue b/core/src/components/AppMenuEntry.vue
@@ -86,6 +86,9 @@ watch(() => props.app.name, calculateSize)
 		overflow: hidden;
 		letter-spacing: -0.5px;
 	}
+	body[dir=rtl] &__label {
+		transform: translateX(50%) !important;
+	}
 
 	&__icon {
 		font-size: var(--app-menu-entry-font-size);
@@ -114,6 +117,9 @@ watch(() => props.app.name, calculateSize)
 			transition: all var(--animation-quick) ease-in-out;
 			opacity: 1;
 		}
+		body[dir=rtl] &::before {
+			transform: translateX(50%) !important;
+		}
 	}
 
 	&__icon,