fix MultiSelectComboBox placeholder color

paranext · Dec 11, 2024 · 7ceaa0e · 7ceaa0e
1 parent aaa1b44
commit 7ceaa0e
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/lib/platform-bible-react/src/components/advanced/multi-select-combo-box.tsx b/lib/platform-bible-react/src/components/advanced/multi-select-combo-box.tsx
@@ -88,6 +88,7 @@ function MultiSelectComboBox({
           className={cn(
             'tw-w-full tw-justify-between',
             selected.length > 0 && selected.length < entries.length && 'tw-border-primary',
+            'tw-group',
           )}
         >
           <div className="tw-flex tw-items-center tw-gap-2">
@@ -97,9 +98,10 @@ function MultiSelectComboBox({
               </span>
             </div>
             <div
-              className={cn(
-                (selected.length === 0 || selected.length === entries.length) && 'tw-text-muted',
-              )}
+              className={cn({
+                'tw-text-muted-foreground group-hover:tw-text-secondary-foreground':
+                  selected.length === 0 || selected.length === entries.length,
+              })}
             >
               {getPlaceholderText()}
             </div>