diff --git a/webapp/packages/core-blocks/src/Snackbars/ProcessSnackbar.m.css b/webapp/packages/core-blocks/src/Snackbars/ProcessSnackbar.m.css new file mode 100644 index 0000000000..75c136bff7 --- /dev/null +++ b/webapp/packages/core-blocks/src/Snackbars/ProcessSnackbar.m.css @@ -0,0 +1,3 @@ +.wrapper { + height: 176px; +} \ No newline at end of file diff --git a/webapp/packages/core-blocks/src/Snackbars/ProcessSnackbar.tsx b/webapp/packages/core-blocks/src/Snackbars/ProcessSnackbar.tsx index 5fe53b883b..287ec654f5 100644 --- a/webapp/packages/core-blocks/src/Snackbars/ProcessSnackbar.tsx +++ b/webapp/packages/core-blocks/src/Snackbars/ProcessSnackbar.tsx @@ -19,6 +19,9 @@ import { SnackbarContent } from './SnackbarMarkups/SnackbarContent'; import { SnackbarFooter } from './SnackbarMarkups/SnackbarFooter'; import { SnackbarStatus } from './SnackbarMarkups/SnackbarStatus'; import { SnackbarWrapper } from './SnackbarMarkups/SnackbarWrapper'; +import styles from './ProcessSnackbar.m.css'; +import { useS } from '../useS'; +import { s } from '../s'; export interface ProcessSnackbarProps extends INotificationProcessExtraProps { closeDelay?: number; @@ -32,6 +35,7 @@ export const ProcessSnackbar: NotificationComponent = obse state, }) { const { error, title, message, status } = state!; + const style = useS(styles); const translate = useTranslate(); const details = useErrorDetails(error); @@ -45,6 +49,7 @@ export const ProcessSnackbar: NotificationComponent = obse return ( notification.close(false)}