From 019b93180b1d2339c846f035980207e021b395a9 Mon Sep 17 00:00:00 2001 From: Max Franke Date: Fri, 6 May 2022 14:53:22 -0300 Subject: [PATCH] fix(user-avatar): avatar image covered Fixes an issue that when the user joins with a custom avatar, the talking indicator div ends up covering the avatar image. --- .../imports/ui/components/user-avatar/styles.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/bigbluebutton-html5/imports/ui/components/user-avatar/styles.js b/bigbluebutton-html5/imports/ui/components/user-avatar/styles.js index 1cfa77e09f..1f604f188a 100644 --- a/bigbluebutton-html5/imports/ui/components/user-avatar/styles.js +++ b/bigbluebutton-html5/imports/ui/components/user-avatar/styles.js @@ -65,9 +65,12 @@ const Talking = styled.div` right: 0; bottom: 0; left: 0; - background-color: currentColor; border-radius: inherit; + ${({ talking }) => talking && css` + background-color: currentColor; + `} + ${({ talking, animations }) => talking && animations && css` animation: ${pulse} 1s infinite ease-in; `}