Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-10-27 09:06:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: give category selector input min-width for mobile

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2024-09-14 18:33:54 -04:00
parent b0d9664bc1
commit 2a15856bfb
3 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/scss/admin/admin.scss
View File

@@ -153,11 +153,13 @@ body {
} }
} }
.dropdown-left .dropdown-menu { .dropdown-left {
--bs-position: start; [component="category-selector-search"] { left:0!important; }
.dropdown-menu { --bs-position: start; }
} }
.dropdown-right .dropdown-menu { .dropdown-right {
--bs-position: end; [component="category-selector-search"] { right:0!important; }
.dropdown-menu { --bs-position: end; }
} }
[component="category-selector"] { [component="category-selector"] {

10
public/scss/generics.scss
View File

@@ -23,11 +23,13 @@
display: block; display: block;
} }
} }
.dropdown-left .dropdown-menu { .dropdown-left {
--bs-position: start; [component="category-selector-search"] { left:0!important; }
.dropdown-menu { --bs-position: start; }
} }
.dropdown-right .dropdown-menu { .dropdown-right {
--bs-position: end; [component="category-selector-search"] { right:0!important; }
.dropdown-menu { --bs-position: end; }
} }
.category-dropdown-menu { .category-dropdown-menu {

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

@@ -9,7 +9,7 @@
<span class="d-none d-md-inline fw-semibold">[[unread:all-categories]]</span>{{{ end }}} <span class="d-none d-md-inline fw-semibold">[[unread:all-categories]]</span>{{{ end }}}
</button> </button>
<div component="category-selector-search" class="hidden position-absolute"> <div component="category-selector-search" class="hidden position-absolute" style="min-width: 120px;">
<input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off"> <input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
</div> </div>