prevent hover state of no results

user-interviews · Dec 28, 2023 · 042a1a3 · 042a1a3
1 parent 109aea7
commit 042a1a3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/RichTextEditor/TemplateVariable.scss b/src/RichTextEditor/TemplateVariable.scss
@@ -22,6 +22,8 @@
 .RichTextEditor__TemplateVariables__Item:hover,
 .RichTextEditor__TemplateVariables__Item:focus,
 .RichTextEditor__TemplateVariables__Item--selected {
-  background-color: $synth-hover-state;
-  text-decoration: none;
+  &:not(.RichTextEditor__TemplateVariables__Item--no-results) {
+    background-color: $synth-hover-state;
+    text-decoration: none;
+  }
 }
diff --git a/src/RichTextEditor/TemplateVariable.tsx b/src/RichTextEditor/TemplateVariable.tsx
@@ -250,7 +250,7 @@ export const TemplateVariableList = forwardRef((props: TemplateVariableListProps
             {item}
           </button>
         )) :
-        <div className="RichTextEditor__TemplateVariables__Item">No variables found</div>}
+        <div className="RichTextEditor__TemplateVariables__Item RichTextEditor__TemplateVariables__Item--no-results">No variables found</div>}
     </div>
   );
 });
-Original file line number
+Diff line change
@@ Expand Up @@
                 {item}
               </button>
             )) :
-            <div className="RichTextEditor__TemplateVariables__Item">No variables found</div>}
+            <div className="RichTextEditor__TemplateVariables__Item RichTextEditor__TemplateVariables__Item--no-results">No variables found</div>}
         </div>
       );
     });
@@ Expand Down @@