fix direction of dropdowns on rtl
isekai-main
Barış Soner Uşaklı 2 years ago
parent bac0b7b228
commit 18e76ba5fc

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

@ -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>

@ -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>

@ -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>

@ -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>

@ -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>
Loading…
Cancel
Save