urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-12-24 20:47:27 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4367 from urbit/james/chat/sigil-overlay

Browse Source 
interface: fix profile overlay positioning in chat
This commit is contained in:
matildepark 2021-02-03 12:32:48 -05:00 committed by GitHub
commit 498ef3cce7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pkg/interface/src/views/components/OverlaySigil.tsx
View File

@ -60,14 +60,8 @@ class OverlaySigil extends PureComponent<OverlaySigilProps, OverlaySigilState> {
if (this.containerRef && this.containerRef.current) { if (this.containerRef && this.containerRef.current) {
const container = this.containerRef.current; const container = this.containerRef.current;
const scrollWindow = this.props.scrollWindow; const scrollWindow = this.props.scrollWindow;
const bottomSpace = scrollWindow ? scrollWindow.clientHeight - ((container.getBoundingClientRect().top + OVERLAY_HEIGHT) - scrollWindow.getBoundingClientRect().top) : 'auto';
const bottomSpace = scrollWindow const topSpace = scrollWindow ? container.getBoundingClientRect().top - scrollWindow.getBoundingClientRect().top : 0;
? scrollWindow.scrollHeight - container.offsetTop - scrollWindow.scrollTop
: 'auto';
const topSpace = scrollWindow
? scrollWindow.offsetHeight - bottomSpace - OVERLAY_HEIGHT
: 0;
this.setState({ this.setState({
topSpace, topSpace,
bottomSpace bottomSpace
@ -138,4 +132,4 @@ class OverlaySigil extends PureComponent<OverlaySigilProps, OverlaySigilState> {
} }
} }
export default withLocalState(OverlaySigil, ['hideAvatars']); export default withLocalState(OverlaySigil, ['hideAvatars']);