From 2a15856bfb058bcfae294e07bf2d2b119e83ae98 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: Sat, 14 Sep 2024 18:33:54 -0400
Subject: [PATCH] feat: give category selector input min-width for mobile

---
 public/scss/admin/admin.scss                           | 10 ++++++----
 public/scss/generics.scss                              | 10 ++++++----
 .../partials/category/filter-dropdown-content.tpl      |  2 +-
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/public/scss/admin/admin.scss b/public/scss/admin/admin.scss
index 2d9295d128..a07f7779ee 100644
--- a/public/scss/admin/admin.scss
+++ b/public/scss/admin/admin.scss
@@ -153,11 +153,13 @@ body {
 	}
 }
 
-.dropdown-left .dropdown-menu {
-	--bs-position: start;
+.dropdown-left {
+	[component="category-selector-search"] { left:0!important; }
+	.dropdown-menu { --bs-position: start; }
 }
-.dropdown-right .dropdown-menu {
-	--bs-position: end;
+.dropdown-right {
+	[component="category-selector-search"] { right:0!important;	}
+	.dropdown-menu { --bs-position: end; }
 }
 
 [component="category-selector"] {
diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index 3b28362c71..c44f0e2caa 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -23,11 +23,13 @@
 		display: block;
 	}
 }
-.dropdown-left .dropdown-menu {
-	--bs-position: start;
+.dropdown-left {
+	[component="category-selector-search"] { left:0!important; }
+	.dropdown-menu { --bs-position: start; }
 }
-.dropdown-right .dropdown-menu {
-	--bs-position: end;
+.dropdown-right {
+	[component="category-selector-search"] { right:0!important;	}
+	.dropdown-menu { --bs-position: end; }
 }
 
 .category-dropdown-menu {
diff --git a/src/views/partials/category/filter-dropdown-content.tpl b/src/views/partials/category/filter-dropdown-content.tpl
index 183f7d5713..2a79b0eae4 100644
--- a/src/views/partials/category/filter-dropdown-content.tpl
+++ b/src/views/partials/category/filter-dropdown-content.tpl
@@ -9,7 +9,7 @@
     <span class="d-none d-md-inline fw-semibold">[[unread:all-categories]]</span>{{{ end }}}
 </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">
 </div>