From ab185f719e9f79f01a32f1d38279ec1dfddc826a Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@photoprism.app>
Date: Sat, 21 May 2022 22:11:22 +0200
Subject: [PATCH] UX: RTL style fixes

---
 frontend/src/component/navigation.vue | 2 +-
 frontend/src/css/app.css              | 4 ++++
 frontend/src/css/navigation.css       | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/navigation.vue b/frontend/src/component/navigation.vue
index 4da88ceb5..4d1fd1773 100644
--- a/frontend/src/component/navigation.vue
+++ b/frontend/src/component/navigation.vue
@@ -10,7 +10,7 @@
           <span :class="{'clickable': auth}" @click.stop.prevent="showNavigation()">{{ page.title }}</span>
         </v-toolbar-title>
         <v-menu v-if="showNavMenu" attach="#p-navigation .nav-small" :nudge-bottom="16" :nudge-right="0"
-                 close-on-content-click fixed disable-keys offset-y bottom left>
+                 close-on-content-click fixed disable-keys offset-y bottom :left="!rtl">
           <template #activator="{ on }">
             <v-btn
                 dark
diff --git a/frontend/src/css/app.css b/frontend/src/css/app.css
index 1500a5f98..92851d32c 100644
--- a/frontend/src/css/app.css
+++ b/frontend/src/css/app.css
@@ -233,6 +233,10 @@ main {
     -webkit-hyphens: auto;
 }
 
+#photoprism.is-rtl .v-card .caption {
+    text-align: right;
+}
+
 #photoprism .v-tabs .v-badge__badge {
     right: -22px;
     font-size: 9px;
diff --git a/frontend/src/css/navigation.css b/frontend/src/css/navigation.css
index f1fafbee8..e06a72006 100644
--- a/frontend/src/css/navigation.css
+++ b/frontend/src/css/navigation.css
@@ -19,6 +19,10 @@ nav .v-list__tile__title.title {
     line-height: normal!important;
 }
 
+.is-rtl #p-navigation .nav-title {
+    text-align: right;
+}
+
 #p-navigation .nav-count {
     opacity: 0.5;
     /*position: absolute;*/