Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-10-26 08:36:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: #11570

Browse Source 
fix direction of dropdowns on rtl
This commit is contained in:
Barış Soner Uşaklı
2023-05-04 20:04:30 -04:00
parent bac0b7b228
commit 18e76ba5fc
6 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/scss/generics.scss
View File

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

2
src/views/partials/category/filter-dropdown-left.tpl
View File

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

2
src/views/partials/category/selector-dropdown-left.tpl
View File

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

2
src/views/partials/groups/filter-dropdown-left.tpl
View File

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

2
src/views/partials/tags/filter-dropdown-left.tpl
View File

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

2
src/views/partials/users/filter-dropdown-left.tpl
View File

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