Make triple dot menu work on really small screen widths
This commit is contained in:
parent
48aaf9e4f3
commit
87ea95735e
3 changed files with 38 additions and 17 deletions
|
@ -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>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue