+
{item.name}
);
@@ -219,7 +241,9 @@ export function FilterList({
return (
{
let displayName = item.option.name;
// Remove category prefix for display (e.g., "Block: Close Sidebar" -> "Close Sidebar")
- if (item.option.category && displayName.startsWith(item.option.category + ': ')) {
- displayName = displayName.substring(item.option.category.length + 2);
+ if (
+ item.option.category &&
+ displayName.startsWith(item.option.category + ": ")
+ ) {
+ displayName = displayName.substring(
+ item.option.category.length + 2,
+ );
}
return displayName;
})()}
@@ -259,7 +288,9 @@ export function FilterList({
{item.option.hint}
)}
-
{item.option.description}
+
+ {item.option.description}
+
);
}
diff --git a/web/fuse_search.ts b/web/fuse_search.ts
index 5109c766..7f0e91d9 100644
--- a/web/fuse_search.ts
+++ b/web/fuse_search.ts
@@ -53,19 +53,19 @@ export const fuzzySearchAndSort = (
sortFn: (a, b): number => {
const aItem = enrichedArr[a.idx];
const bItem = enrichedArr[b.idx];
-
+
// Check for exact category matches first
const searchLower = searchPhrase.toLowerCase();
const aExactCategoryMatch = aItem.category?.toLowerCase() === searchLower;
const bExactCategoryMatch = bItem.category?.toLowerCase() === searchLower;
-
+
if (aExactCategoryMatch && !bExactCategoryMatch) {
return -1; // a comes first
}
if (!aExactCategoryMatch && bExactCategoryMatch) {
return 1; // b comes first
}
-
+
// If both or neither have exact category matches, use normal scoring
if (a.score === b.score) {
const aOrder = aItem.orderId || 0;
diff --git a/web/styles/theme.scss b/web/styles/theme.scss
index 591e6389..bdf56cf1 100644
--- a/web/styles/theme.scss
+++ b/web/styles/theme.scss
@@ -41,7 +41,7 @@ html {
--modal-hint-inactive-background-color: #e1e1e1;
--modal-hint-inactive-color: #111;
--modal-description-color: #6b6b6b;
- --modal-selected-option-description-color: #E6E6E6;
+ --modal-selected-option-description-color: #e6e6e6;
--notifications-background-color: inherit;
--notifications-border-color: rgb(41, 41, 41);
@@ -187,7 +187,7 @@ html[data-theme="dark"] {
--modal-hint-inactive-background-color: #353535;
--modal-hint-inactive-color: #ccc;
--modal-description-color: #969696;
- --modal-selected-option-description-color: #E6E6E6;
+ --modal-selected-option-description-color: #e6e6e6;
--notifications-background-color: #333;
--notifications-border-color: rgb(197, 197, 197);