From ebb7d8f3f709454b65f245e7d53cfc187a6e9f23 Mon Sep 17 00:00:00 2001 From: Mathew Joseph Date: Thu, 31 Oct 2019 17:49:04 +0530 Subject: [PATCH] fix(client): icon background not covering on hover. (#37414) * Fixed the issue of icon background * Removed background from icons * Reverted the margin in last icon and fixed the slight color change on hover. * Update client/src/components/profile/components/social-icons.css Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: null --- client/src/components/profile/components/social-icons.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/client/src/components/profile/components/social-icons.css b/client/src/components/profile/components/social-icons.css index 1bdc1f6f7a..78798b9c3a 100644 --- a/client/src/components/profile/components/social-icons.css +++ b/client/src/components/profile/components/social-icons.css @@ -7,5 +7,11 @@ } .social-media-icons > a:last-child { - margin: 0 0 1.5em 0; + margin: 0 0 1.5em; +} + +.social-media-icons > a:hover, +.social-media-icons > a:focus { + background: transparent; + color: var(--secondary-color); }