fix safari user drawer display bugs (#2554)

This commit is contained in:
Tessa Thornton
2019-09-12 16:01:58 +00:00
committed by Wyatt Johnson
parent 457644c45b
commit ea3c1e3b58
2 changed files with 23 additions and 21 deletions
@@ -1,6 +1,6 @@
.comments {
flex: auto;
overflow: hidden;
overflow: scroll;
}
.close {
@@ -39,28 +39,30 @@ const UserHistoryDrawerContainer: FunctionComponent<Props> = ({
<Button className={styles.close} onClick={onClose}>
<Icon size="md">close</Icon>
</Button>
<Flex className={styles.username} itemGutter>
<span>{user.username}</span>
<div>
<UserBadgesContainer user={user} />
</div>
</Flex>
<div className={styles.userStatus}>
<Flex alignItems="center" itemGutter="half">
<div className={styles.userStatusLabel}>
<Typography variant="bodyCopyBold" container="div">
<Flex alignItems="center" itemGutter="half">
<Localized id="moderate-user-drawer-status-label">
Status:
</Localized>
</Flex>
</Typography>
<div>
<Flex className={styles.username} itemGutter>
<span>{user.username}</span>
<div>
<UserBadgesContainer user={user} />
</div>
<div className={styles.userStatusChange}>
<UserStatusChangeContainer settings={settings} user={user} />
</div>
<UserStatusDetailsContainer user={user} />
</Flex>
<div className={styles.userStatus}>
<Flex alignItems="center" itemGutter="half">
<div className={styles.userStatusLabel}>
<Typography variant="bodyCopyBold" container="div">
<Flex alignItems="center" itemGutter="half">
<Localized id="moderate-user-drawer-status-label">
Status:
</Localized>
</Flex>
</Typography>
</div>
<div className={styles.userStatusChange}>
<UserStatusChangeContainer settings={settings} user={user} />
</div>
<UserStatusDetailsContainer user={user} />
</Flex>
</div>
</div>
<div>
<Flex alignItems="center" className={styles.userDetail}>