From 18e76ba5fc51ec6c0b7a2b5d24f6df35826e720e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Thu, 4 May 2023 20:04:30 -0400
Subject: [PATCH] fix: #11570

fix direction of dropdowns on rtl
---
 public/scss/generics.scss                              | 4 +++-
 src/views/partials/category/filter-dropdown-left.tpl   | 2 +-
 src/views/partials/category/selector-dropdown-left.tpl | 2 +-
 src/views/partials/groups/filter-dropdown-left.tpl     | 2 +-
 src/views/partials/tags/filter-dropdown-left.tpl       | 2 +-
 src/views/partials/users/filter-dropdown-left.tpl      | 2 +-
 6 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index 62eca8f327..39c585bee4 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -23,7 +23,9 @@
 		display: block;
 	}
 }
-
+.dropdown-left .dropdown-menu {
+	--bs-position: start;
+}
 .dropdown-right .dropdown-menu {
 	--bs-position: end;
 }
diff --git a/src/views/partials/category/filter-dropdown-left.tpl b/src/views/partials/category/filter-dropdown-left.tpl
index 66fe0bf823..3bfc37a2ef 100644
--- a/src/views/partials/category/filter-dropdown-left.tpl
+++ b/src/views/partials/category/filter-dropdown-left.tpl
@@ -1,3 +1,3 @@
-<div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
+<div component="category/dropdown" class="btn-group dropdown-left category-dropdown-container bottom-sheet">
 	<!-- IMPORT partials/category/filter-dropdown-content.tpl -->
 </div>
\ No newline at end of file
diff --git a/src/views/partials/category/selector-dropdown-left.tpl b/src/views/partials/category/selector-dropdown-left.tpl
index d046496999..e978d5118b 100644
--- a/src/views/partials/category/selector-dropdown-left.tpl
+++ b/src/views/partials/category/selector-dropdown-left.tpl
@@ -1,3 +1,3 @@
-<div component="category-selector" class="btn-group category-dropdown-container bottom-sheet">
+<div component="category-selector" class="btn-group dropdown-left category-dropdown-container bottom-sheet">
 	<!-- IMPORT partials/category/selector-dropdown-content.tpl -->
 </div>
\ No newline at end of file
diff --git a/src/views/partials/groups/filter-dropdown-left.tpl b/src/views/partials/groups/filter-dropdown-left.tpl
index bdce5e51d9..a02321e24a 100644
--- a/src/views/partials/groups/filter-dropdown-left.tpl
+++ b/src/views/partials/groups/filter-dropdown-left.tpl
@@ -1,3 +1,3 @@
-<div class="dropdown bottom-sheet {{{ if !groups.length }}}hidden{{{ end }}}">
+<div class="dropdown dropdown-left bottom-sheet {{{ if !groups.length }}}hidden{{{ end }}}">
 	<!-- IMPORT partials/groups/filter-dropdown-content.tpl -->
 </div>
\ No newline at end of file
diff --git a/src/views/partials/tags/filter-dropdown-left.tpl b/src/views/partials/tags/filter-dropdown-left.tpl
index f794a477d6..37bfc4b293 100644
--- a/src/views/partials/tags/filter-dropdown-left.tpl
+++ b/src/views/partials/tags/filter-dropdown-left.tpl
@@ -1,3 +1,3 @@
-<div component="tag/filter" class="dropdown bottom-sheet">
+<div component="tag/filter" class="dropdown dropdown-left bottom-sheet">
 	<!-- IMPORT partials/tags/filter-dropdown-content.tpl -->
 </div>
\ No newline at end of file
diff --git a/src/views/partials/users/filter-dropdown-left.tpl b/src/views/partials/users/filter-dropdown-left.tpl
index 3a5afc7f03..583b45d4fb 100644
--- a/src/views/partials/users/filter-dropdown-left.tpl
+++ b/src/views/partials/users/filter-dropdown-left.tpl
@@ -1,3 +1,3 @@
-<div class="dropdown bottom-sheet {{{ if !users.length }}}hidden{{{ end }}}">
+<div class="dropdown dropdown-left bottom-sheet {{{ if !users.length }}}hidden{{{ end }}}">
 	<!-- IMPORT partials/users/filter-dropdown-content.tpl -->
 </div>
\ No newline at end of file