UX: RTL style fixes

photoprism · May 21, 2022 · ab185f7 · ab185f7
1 parent 8b5fbec
commit ab185f7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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;*/