fix: #11570

fix direction of dropdowns on rtl

public/scss/generics.scss

@@ -23,7 +23,9 @@
 		display: block;
 	}
 }
-
+.dropdown-left .dropdown-menu {
+	--bs-position: start;
+}
 .dropdown-right .dropdown-menu {
 	--bs-position: end;
 }

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>

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>

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>

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>

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>