diff --git a/app/client/src/components/designSystems/appsmith/SearchComponent.tsx b/app/client/src/components/designSystems/appsmith/SearchComponent.tsx index 4c201271ed..fc96005365 100644 --- a/app/client/src/components/designSystems/appsmith/SearchComponent.tsx +++ b/app/client/src/components/designSystems/appsmith/SearchComponent.tsx @@ -33,6 +33,7 @@ const SearchComponent = (props: SearchProps) => { return ( ` display: flex; justify-content: space-between; flex-direction: column; + overflow: hidden; .tableWrap { height: 100%; display: block; @@ -22,7 +23,8 @@ export const TableWrapper = styled.div<{ width: number; height: number }>` color: ${Colors.BLUE_BAYOUX}; position: relative; overflow-y: auto; - height: ${props => props.height - TABLE_SIZES.TABLE_HEADER_HEIGHT}px; + /* Subtracting 9px to handling widget padding */ + height: ${props => props.height - TABLE_SIZES.TABLE_HEADER_HEIGHT - 9}px; .thead, .tbody { overflow: hidden; @@ -255,6 +257,7 @@ export const TableHeaderWrapper = styled.div` align-items: center; width: 100%; border-bottom: 1px solid ${Colors.GEYSER_LIGHT}; + min-width: 700px; `; export const CommonFunctionsMenuWrapper = styled.div` diff --git a/app/client/src/components/designSystems/appsmith/TableUtilities.tsx b/app/client/src/components/designSystems/appsmith/TableUtilities.tsx index e4e6efc9ea..bb7de29097 100644 --- a/app/client/src/components/designSystems/appsmith/TableUtilities.tsx +++ b/app/client/src/components/designSystems/appsmith/TableUtilities.tsx @@ -334,11 +334,18 @@ export const renderCell = ( .map((item: string, index: number) => { if (imageRegex.test(item)) { return ( -
+ e.stopPropagation()} + target="_blank" + rel="noopener noreferrer" + href={item} + > +
+ ); } else { return
Invalid Image
; @@ -401,11 +408,7 @@ const TableAction = (props: { setLoading(false); }; return ( - { - e.stopPropagation(); - }} - > +