diff --git a/redisinsight/ui/src/components/base/display/progress-bar/progress-bar-loader.styles.ts b/redisinsight/ui/src/components/base/display/progress-bar/progress-bar-loader.styles.ts index b745d35a47..3eb46c9e2a 100644 --- a/redisinsight/ui/src/components/base/display/progress-bar/progress-bar-loader.styles.ts +++ b/redisinsight/ui/src/components/base/display/progress-bar/progress-bar-loader.styles.ts @@ -66,10 +66,12 @@ interface LoaderContainerProps { children?: ReactNode style?: React.CSSProperties className?: string + absolute?: boolean } export const LoaderContainer = styled.div` - position: relative; + position: ${({ absolute }) => (absolute ? 'absolute' : 'relative')}; + width: 100%; height: 3px; overflow: hidden; border-radius: 2px; diff --git a/redisinsight/ui/src/components/virtual-table/VirtualTable.tsx b/redisinsight/ui/src/components/virtual-table/VirtualTable.tsx index 20d3e36db7..ac43d95828 100644 --- a/redisinsight/ui/src/components/virtual-table/VirtualTable.tsx +++ b/redisinsight/ui/src/components/virtual-table/VirtualTable.tsx @@ -603,6 +603,7 @@ const VirtualTable = (props: IProps) => { > {loading && !hideProgress && ( diff --git a/redisinsight/ui/src/pages/browser/modules/key-details/components/hash-details/hash-details-table/HashDetailsTable.tsx b/redisinsight/ui/src/pages/browser/modules/key-details/components/hash-details/hash-details-table/HashDetailsTable.tsx index a3425fe553..953ceac8bb 100644 --- a/redisinsight/ui/src/pages/browser/modules/key-details/components/hash-details/hash-details-table/HashDetailsTable.tsx +++ b/redisinsight/ui/src/pages/browser/modules/key-details/components/hash-details/hash-details-table/HashDetailsTable.tsx @@ -382,7 +382,8 @@ const HashDetailsTable = (props: Props) => { ) return ( - @@ -528,9 +529,7 @@ const HashDetailsTable = (props: Props) => { testid={`remove-hash-button-${field}`} handleDeleteItem={handleDeleteField} handleButtonClick={handleRemoveIconClick} - appendInfo={ - length === 1 ? HelpTexts.REMOVE_LAST_ELEMENT() : null - } + appendInfo={length === 1 ? HelpTexts.REMOVE_LAST_ELEMENT() : null} /> ) @@ -607,7 +606,6 @@ const HashDetailsTable = (props: Props) => { )} > { > { handleDeleteItem={handleDeleteMember} handleButtonClick={handleRemoveIconClick} testid={`set-remove-btn-${member}`} - appendInfo={ - length === 1 ? HelpTexts.REMOVE_LAST_ELEMENT() : null - } + appendInfo={length === 1 ? HelpTexts.REMOVE_LAST_ELEMENT() : null} /> ) @@ -324,7 +322,6 @@ const SetDetailsTable = (props: Props) => { > {