chat: wrap chatWindow in position='relative'

Fixes the banner overlapping the share banner.
This commit is contained in:
Matilde Park 2021-02-11 18:38:40 -05:00
parent b5fb320510
commit d197a0e766

View File

@ -3,6 +3,8 @@ import { RouteComponentProps } from "react-router-dom";
import _ from "lodash"; import _ from "lodash";
import bigInt, { BigInteger } from 'big-integer'; import bigInt, { BigInteger } from 'big-integer';
import { Col } from '@tlon/indigo-react';
import GlobalApi from "~/logic/api/global"; import GlobalApi from "~/logic/api/global";
import { Patp, Path } from "~/types/noun"; import { Patp, Path } from "~/types/noun";
import { Contacts } from "~/types/contact-update"; import { Contacts } from "~/types/contact-update";
@ -252,7 +254,7 @@ export default class ChatWindow extends Component<ChatWindowProps, ChatWindowSta
const unreadMsg = unreadIndex && graph.get(unreadIndex); const unreadMsg = unreadIndex && graph.get(unreadIndex);
return ( return (
<> <Col height='100%' overflow='hidden' position="relative">
<UnreadNotice <UnreadNotice
unreadCount={unreadCount} unreadCount={unreadCount}
unreadMsg={unreadCount === 1 && unreadMsg && unreadMsg?.post.author === window.ship ? false : unreadMsg} unreadMsg={unreadCount === 1 && unreadMsg && unreadMsg?.post.author === window.ship ? false : unreadMsg}
@ -299,7 +301,7 @@ export default class ChatWindow extends Component<ChatWindowProps, ChatWindowSta
this.fetchMessages(newer); this.fetchMessages(newer);
}} }}
/> />
</> </Col>
); );
} }
} }