jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Popover

Browse Source 
Summary: _typescript_

Reviewed By: danielbuechele

Differential Revision: D17181415

fbshipit-source-id: 8b30cc1fdd7d4410b3ca13775ffdea3cae6f9ba4
This commit is contained in:
Chaiwat Ekkaewnumchai
2019-09-05 02:59:28 -07:00
committed by Facebook Github Bot
parent 6fb59607c0
commit e586c53393
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/ui/components/Popover.tsx
View File

@@ -33,19 +33,21 @@ const PopoverContainer = styled(FlexColumn)((props: {opts?: Opts}) => ({
bottom: 0, bottom: 0,
marginTop: 15, marginTop: 15,
left: '50%', left: '50%',
minWidth: props.opts.minWidth || 'auto', minWidth: (props.opts && props.opts.minWidth) || 'auto',
transform: props.opts.skewLeft transform:
? 'translate(calc(-100% + 22px), calc(100% + 15px))' props.opts && props.opts.skewLeft
: 'translate(-50%, calc(100% + 15px))', ? 'translate(calc(-100% + 22px), calc(100% + 15px))'
: 'translate(-50%, calc(100% + 15px))',
overflow: 'hidden', overflow: 'hidden',
'&::before': { '&::before': {
content: '""', content: '""',
display: 'block', display: 'block',
position: 'absolute', position: 'absolute',
left: '50%', left: '50%',
transform: props.opts.skewLeft transform:
? 'translateX(calc(-100% + 22px))' props.opts && props.opts.skewLeft
: 'translateX(-50%)', ? 'translateX(calc(-100% + 22px))'
: 'translateX(-50%)',
height: 13, height: 13,
top: -13, top: -13,
width: 26, width: 26,
@@ -72,7 +74,7 @@ export default class Popover extends PureComponent<Props> {
window.document.addEventListener('keydown', this.handleKeydown); window.document.addEventListener('keydown', this.handleKeydown);
} }
handleClick = (e: KeyboardEvent) => { handleClick = (e: MouseEvent) => {
if (this._ref && !this._ref.contains(e.target as Node)) { if (this._ref && !this._ref.contains(e.target as Node)) {
this.props.onDismiss(); this.props.onDismiss();
} }