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

Signed-off-by: Faisal Alghamdi <falghamdi125@gmail.com>

diff --git a/core/src/components/AppMenuEntry.vue b/core/src/components/AppMenuEntry.vue
index 9ea999ad1e0c594ec73a49f7902e9c717626646d..4c5acb7e9c8f50a76ea5fba1164ee3ce9fa30b95 100644 (file)
--- 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,