fix: Submenu overflow broken

This commit is contained in:
Tom Moor
2021-05-05 09:13:44 -07:00
parent aa3cb22703
commit 974d6b2cbe

View File

@@ -1,5 +1,4 @@
// @flow
import { rgba } from "polished";
import * as React from "react";
import { Portal } from "react-portal";
import { Menu } from "reakit/Menu";
@@ -114,8 +113,7 @@ const Background = styled.div`
transform-origin: ${(props) =>
props.left !== undefined ? "25%" : "75%"} 0;
max-width: 276px;
background: ${(props) => rgba(props.theme.menuBackground, 0.95)};
backdrop-filter: blur(20px);
background: ${(props) => props.theme.menuBackground};
box-shadow: ${(props) => props.theme.menuShadow};
border: ${(props) =>
props.theme.menuBorder ? `1px solid ${props.theme.menuBorder}` : "none"};