Merge pull request #16039 from overleaf/jdt-notification-class-prop

Adding classname to notifications and overlay css utility

GitOrigin-RevId: 068672352efe2c93ca830d1dae0209cd02688226

services/web/frontend/js/shared/components/notification.tsx

@@ -8,6 +8,7 @@ type NotificationType = 'info' | 'success' | 'warning' | 'error'
 type NotificationProps = {
   action?: React.ReactElement
   ariaLive?: 'polite' | 'off' | 'assertive'
+  className?: string
   content: React.ReactElement | string
   customIcon?: React.ReactElement
   isDismissible?: boolean
@@ -42,6 +43,7 @@ function NotificationIcon({
 function Notification({
   action,
   ariaLive,
+  className = '',
   content,
   customIcon,
   isActionBelowContent,
@@ -57,7 +59,8 @@ function Notification({
   const notificationClassName = classNames(
     'notification',
     `notification-type-${type}`,
-    isActionBelowContent ? 'notification-cta-below-content' : ''
+    isActionBelowContent ? 'notification-cta-below-content' : '',
+    className
   )
 
   const handleDismiss = () => {