From e80e3b07c42398069f59943ef909dfeeed45ef72 Mon Sep 17 00:00:00 2001
From: Sahil Batra <sahil@zulip.com>
Date: Fri, 6 Jan 2023 19:14:34 +0530
Subject: [PATCH] settings: Fix flickering of icon when hovering on discard
 button.

The color of "x" icon in "Discard" button flickers when hovering
over the button. This commit fixes it by just adding the hover
color to the text and not icon which was anyways set to original
color using different selector which was the cause of flickering.
---
 static/styles/app_components.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/static/styles/app_components.css b/static/styles/app_components.css
index 05c1c1d9c0..71f1e1a216 100644
--- a/static/styles/app_components.css
+++ b/static/styles/app_components.css
@@ -763,10 +763,9 @@ div.overlay {
         &:hover,
         &:focus {
             border: 1px solid hsl(0, 0%, 61%);
-            color: hsl(0, 0%, 18%);
 
-            .save-discard-widget-button-icon {
-                color: hsl(0, 0%, 47%);
+            .discard-button.save-discard-widget-button-text {
+                color: hsl(0, 0%, 18%);
             }
         }