From b29dab1d9c951f19f004e77259cf044699e2a1b9 Mon Sep 17 00:00:00 2001
From: Lucas Schoenfelder <les17@inf.ufpr.br>
Date: Mon, 23 Nov 2020 12:40:55 -0300
Subject: [PATCH] changed styling on ListItem so it works on notifications menu
---
src/Components/ActivityListItem.js | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/Components/ActivityListItem.js b/src/Components/ActivityListItem.js
index 24a00b77..7af740cd 100644
--- a/src/Components/ActivityListItem.js
+++ b/src/Components/ActivityListItem.js
@@ -115,15 +115,15 @@ export default function ActivityListItem (props) {
}, [] )
return (
- <StyledListItem>
+ <StyledListItem onMenuBar={props.onMenuBar}>
{
!props.onMenuBar &&
<>
-
+
<ListItemAvatar>
<Avatar alt='user avatar' src={props.avatar ? props.avatar : noAvatar}/>
</ListItemAvatar>
- getNotificationIcon(activity.icon)
+ {getNotificationIcon(activity.icon)}
</>
}
@@ -150,7 +150,7 @@ export default function ActivityListItem (props) {
}
const StyledListItem = styled(ListItem)`
- padding : 20px 60px !important ;
+ padding : ${props => props.onMenuBar ? "8px 16px !important" : "20px 60px !important"};
border-bottom : 1px solid #eee;
display : flex;
justify-content : flex-start;
--
GitLab