Add ability to force picker width (#1093)

2023-08-05 15:41:18 -07:00
parent 35395c2e67
commit 14f9e892d1
7 changed files with 28 additions and 7 deletions
--- a/front/src/modules/ui/dropdown/components/DropdownMenu.tsx
+++ b/front/src/modules/ui/dropdown/components/DropdownMenu.tsx
@ -1,6 +1,9 @@
 import styled from '@emotion/styled';

-export const DropdownMenu = styled.div<{ disableBlur?: boolean }>`
+export const DropdownMenu = styled.div<{
+  disableBlur?: boolean;
+  width?: number;
+}>`
  backdrop-filter: ${({ disableBlur }) =>
    disableBlur ? 'none' : 'blur(20px)'};

@ -13,7 +16,7 @@ export const DropdownMenu = styled.div<{ disableBlur?: boolean }>`

  flex-direction: column;

-  min-width: 160px;
-
  overflow: hidden;
+
+  width: ${({ width }) => width ?? 160}px;
 `;