Make triple dot menu work on really small screen widths

This commit is contained in:
Josh Perez 2021-10-05 09:58:34 -04:00 committed by GitHub
parent 48aaf9e4f3
commit 87ea95735e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 17 deletions

View file

@ -6,10 +6,14 @@ import React, { ReactNode } from 'react';
// Whenever you don't want click events to propagate into their parent container
export const StopPropagation = ({
children,
className,
}: {
children: ReactNode;
className?: string;
}): JSX.Element => (
// eslint-disable-next-line max-len
// eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
<div onClick={ev => ev.stopPropagation()}>{children}</div>
<div className={className} onClick={ev => ev.stopPropagation()}>
{children}
</div>
);