ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2025-01-05 22:03:50 +03:00
Code Issues Packages Projects Releases Wiki Activity

chat-js: correct overlay reflow and review comments

Browse Source
This commit is contained in:
Liam Fitzgerald 2020-04-22 15:03:19 +10:00
parent 8277802027
commit c16b711278
3 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
pkg/interface/chat/src/js/components/lib/overlay-sigil.js
View File

@ -56,9 +56,8 @@ export class OverlaySigil extends Component {
topSpace = offsetTop - parent.scrollTop - OVERLAY_HEIGHT / 2;
bottomSpace = parent.clientHeight - topSpace - OVERLAY_HEIGHT;
} else {
// coordinate system is inverted bc flex-row-reverse
bottomSpace = parent.scrollTop - offsetTop + OVERLAY_HEIGHT / 2;
topSpace = parent.clientHeight - bottomSpace - OVERLAY_HEIGHT;
topSpace = offsetTop + parent.scrollHeight - parent.clientHeight - parent.scrollTop;
bottomSpace = parent.clientHeight - topSpace - OVERLAY_HEIGHT;
}
this.setState({

4
pkg/interface/chat/src/js/components/lib/profile-overlay.js
View File

@ -77,7 +77,7 @@ export class ProfileOverlay extends Component {
{!isOwn && (
<Link
to={`/~chat/new/dm/~${ship}`}
className="b--green0 b--green2-d b--solid bw1 green2 mt3 tc pa2 pointer db"
className="b--green0 b--green2-d b--solid ba green2 mt3 tc pa2 pointer db"
>
Send Message
</Link>
@ -85,7 +85,7 @@ export class ProfileOverlay extends Component {
{isOwn && (
<a
href={identityHref}
className="b--black ba black white-d mt3 tc pa2 pointer db"
className="b--black b--white-d ba black white-d mt3 tc pa2 pointer db"
>
Edit Group Identity
</a>

2
pkg/interface/chat/src/js/components/lib/ship-search.js
View File

@ -337,7 +337,7 @@ export class ShipSearchInput extends Component {
<div
ref={ref => (this.popoverRef = ref)}
style={{ top: '150%', left: '-80px' }}
className="b--gray2 b--solid ba absolute bg-white bg-gray0-d shadow-5"
className="b--gray2 b--solid ba absolute bg-white bg-gray0-d"
>
<textarea
style={{ resize: 'none', maxWidth: '200px' }}