regression: CSS adjustments in ActionManagerBusyState (#30388)

RocketChat · Sep 19, 2023 · 415ae0e · 415ae0e
1 parent f883b12
commit 415ae0e
Showing 1 changed file with 18 additions and 4 deletions.
diff --git a/apps/meteor/client/components/ActionManagerBusyState.tsx b/apps/meteor/client/components/ActionManagerBusyState.tsx
@@ -1,3 +1,4 @@
+import { css } from '@rocket.chat/css-in-js';
 import { Box } from '@rocket.chat/fuselage';
 import { useTranslation } from '@rocket.chat/ui-contexts';
 import React, { useEffect, useState } from 'react';
@@ -23,10 +24,23 @@ const ActionManagerBusyState = () => {
 
 	if (busy) {
 		return (
-			<Box display='flex' position='fixed' zIndex={99999} justifyContent='center' w='100vw'>
-				<Box bg='tint' p={16} fontSize='p2' elevation='2' borderRadius='0 0 4px 4px'>
-					{t('Loading')}
-				</Box>
+			<Box
+				className={css`
+					transform: translateX(-50%);
+					pointer-events: none;
+				`}
+				position='absolute'
+				insetInlineStart='50%'
+				p={16}
+				bg='tint'
+				color='default'
+				textAlign='center'
+				fontSize='p2'
+				elevation='2'
+				borderRadius='0 0 4px 4px'
+				zIndex={99999}
+			>
+				{t('Loading')}
 			</Box>
 		);
 	}