Merge pull request #790 from scality/fix/ARTESCA-13815-temperature-to…

…oltip fix issue with Tooltip being cut
scality · Nov 15, 2024 · 2c42cfd · 2c42cfd
2 parents a9b562d + dc60249
commit 2c42cfd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/react/databrowser/objects/ObjectListTable.tsx b/src/react/databrowser/objects/ObjectListTable.tsx
@@ -5,7 +5,7 @@ import { AutoSizer } from 'react-virtualized';
 import { FixedSizeList } from 'react-window';
 import InfiniteLoader from 'react-window-infinite-loader';
 import { List } from 'immutable';
-import { FormattedDateTime, PrettyBytes, Text } from '@scality/core-ui';
+import { FormattedDateTime, Wrap, PrettyBytes, Text } from '@scality/core-ui';
 import { convertRemToPixels } from '@scality/core-ui/dist/utils';
 import { spacing } from '@scality/core-ui/dist/style/theme';
 import styled from 'styled-components';
@@ -329,10 +329,10 @@ export default function ObjectListTable({
               (location) => location.name === storageClass,
             )?.isCold;
           return (
-            <div>
-              {isObjectInColdStorage ? <ColdStorageIcon /> : ''}{' '}
+            <Wrap style={{ alignItems: 'center' }}>
+              {isObjectInColdStorage ? <ColdStorageIcon /> : <p></p>}
               {storageClass === 'STANDARD' ? 'default' : storageClass}
-            </div>
+            </Wrap>
           );
         },
         cellStyle: {

diff --git a/src/react/ui-elements/ColdStorageIcon.tsx b/src/react/ui-elements/ColdStorageIcon.tsx
@@ -4,7 +4,7 @@ const ColdStorageTemperatureToolTip = () => {
   return (
     <IconHelp
       placement="top"
-      overlayStyle={{ width: '24rem' }}
+      overlayStyle={{ textWrap: 'wrap', width: '24rem', textAlign: 'left' }}
       tooltipMessage={
         <>
           The Temperature of this Location is Cold.