diff --git a/src/qqq/components/query/QuickFilter.tsx b/src/qqq/components/query/QuickFilter.tsx index 3807bf3..adb3141 100644 --- a/src/qqq/components/query/QuickFilter.tsx +++ b/src/qqq/components/query/QuickFilter.tsx @@ -375,11 +375,13 @@ export default function QuickFilter({tableMetaData, fullFieldName, fieldMetaData let buttonAdditionalStyles: any = {}; let buttonContent = {tableForField?.name != tableMetaData.name ? `${tableForField.label}: ` : ""}{fieldMetaData.label} + let buttonClassName = "filterNotActive"; if (criteriaIsValid) { buttonAdditionalStyles.backgroundColor = accentColor + " !important"; buttonAdditionalStyles.borderColor = accentColor + " !important"; buttonAdditionalStyles.color = "white !important"; + buttonClassName = "filterActive"; buttonContent = ( @@ -390,6 +392,7 @@ export default function QuickFilter({tableMetaData, fullFieldName, fieldMetaData let button = fieldMetaData &&