mirror of
https://github.com/wassname/talk.git
synced 2026-07-26 13:37:38 +08:00
fix safari user drawer display bugs (#2554)
This commit is contained in:
committed by
Wyatt Johnson
parent
457644c45b
commit
ea3c1e3b58
@@ -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}>
|
||||
|
||||
Reference in New Issue
Block a user