diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.m.css b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.m.css index 9cfc79c109..de8c1dcc8b 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.m.css +++ b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.m.css @@ -57,6 +57,10 @@ width: 720px; } } + + &.freeHeight { + min-height: unset; + } } .loader { diff --git a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.tsx b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.tsx index 0417046710..3b24f96e03 100644 --- a/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.tsx +++ b/webapp/packages/core-blocks/src/CommonDialog/CommonDialog/CommonDialogWrapper.tsx @@ -22,13 +22,17 @@ export interface CommonDialogWrapperProps { 'aria-label'?: string; fixedSize?: boolean; fixedWidth?: boolean; + freeHeight?: boolean; className?: string; children?: React.ReactNode; style?: ComponentStyle; } export const CommonDialogWrapper = observer( - forwardRef(function CommonDialogWrapper({ size = 'medium', fixedSize, fixedWidth, 'aria-label': ariaLabel, className, children, style }, ref) { + forwardRef(function CommonDialogWrapper( + { size = 'medium', fixedSize, fixedWidth, freeHeight, 'aria-label': ariaLabel, className, children, style }, + ref, + ) { const computedStyles = useS(styles, style); const context = useContext(DialogContext); const dialogState = useDialogState({ visible: true }); @@ -52,7 +56,7 @@ export const CommonDialogWrapper = observer