From 08f03feb7da7100ac37df092106441b873996ac5 Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Wed, 27 Mar 2024 15:59:20 +0100
Subject: [PATCH] Fix: the Firend in the bar now shows better when selected

---
 src/components/friends/FriendsView.scss                       | 4 ++++
 .../friends/views/friends-bar/FriendBarItemView.tsx           | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/friends/FriendsView.scss b/src/components/friends/FriendsView.scss
index f3ce75f..2396400 100644
--- a/src/components/friends/FriendsView.scss
+++ b/src/components/friends/FriendsView.scss
@@ -141,6 +141,10 @@
 
             pointer-events: none;
         }
+		
+		.avatar-image {
+                max-height: 80px;
+            }
 
         &.friend-bar-search {
             .friend-bar-item-head {
diff --git a/src/components/friends/views/friends-bar/FriendBarItemView.tsx b/src/components/friends/views/friends-bar/FriendBarItemView.tsx
index 6e69d59..fe8624f 100644
--- a/src/components/friends/views/friends-bar/FriendBarItemView.tsx
+++ b/src/components/friends/views/friends-bar/FriendBarItemView.tsx
@@ -43,7 +43,7 @@ export const FriendBarItemView: FC<{ friend: MessengerFriend }> = props =>
     return (
         <div ref={ elementRef } className={ 'btn btn-friendsgensuccess friend-bar-item ' + (isVisible ? 'friend-bar-item-active' : '') } onClick={ event => setVisible(prevValue => !prevValue) }>
             <div className={ `friend-bar-item-head position-absolute ${ friend.id > 0 ? 'avatar': 'group' }` }>
-                { (friend.id > 0) && <LayoutAvatarImageView headOnly={ true } figure={ friend.figure } direction={ 2 } /> }
+                { (friend.id > 0) && <LayoutAvatarImageView headOnly={ !isVisible } figure={ friend.figure } direction={ 2 } /> }
                 { (friend.id <= 0) && <LayoutBadgeImageView isGroup={ true } badgeCode={ friend.figure } /> } 
             </div>
             <div className="text-truncate">{ friend.name }</div>