From cccdaa10eb355a0aaf8d01b652eb160b9366bcde Mon Sep 17 00:00:00 2001 From: Faisal Alghamdi Date: Wed, 30 Oct 2024 16:47:44 +0300 Subject: [PATCH] Fix(core): fix app menu alignment in RTL mode. Signed-off-by: Faisal Alghamdi --- core/src/components/AppMenuEntry.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/core/src/components/AppMenuEntry.vue b/core/src/components/AppMenuEntry.vue index 9ea999ad1e0..4c5acb7e9c8 100644 --- 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, -- 2.39.5