fix(ui): update default preview card description text (datahub-projec…

…t#4796)
maggiehays · Aug 1, 2022 · b9892c7 · b9892c7
1 parent 9b92e9a
commit b9892c7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/datahub-web-react/src/app/entity/shared/components/styled/StripMarkdownText.tsx b/datahub-web-react/src/app/entity/shared/components/styled/StripMarkdownText.tsx
@@ -5,9 +5,10 @@ import styled from 'styled-components';
 const RemoveMarkdownContainer = styled.div`
     display: block;
     overflow-wrap: break-word;
-    word-wrap: break-word;
-    overflow-x: hidden;
-    overflow-y: auto;
+    white-space: nowrap;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
 `;
 
 export type Props = {

diff --git a/datahub-web-react/src/app/preview/DefaultPreviewCard.tsx b/datahub-web-react/src/app/preview/DefaultPreviewCard.tsx
@@ -199,7 +199,7 @@ export default function DefaultPreviewCard({
     }
     return (
         <PreviewContainer data-testid={dataTestID}>
-            <div>
+            <div style={{ width: '100%' }}>
                 <TitleContainer>
                     <Link to={url}>
                         <PlatformInfo>
@@ -249,7 +249,7 @@ export default function DefaultPreviewCard({
                 </TitleContainer>
                 {description && description.length > 0 && (
                     <DescriptionContainer>
-                        <NoMarkdownViewer limit={200}>{description}</NoMarkdownViewer>
+                        <NoMarkdownViewer limit={250}>{description}</NoMarkdownViewer>
                     </DescriptionContainer>
                 )}
                 <TagContainer>

diff --git a/datahub-web-react/src/app/search/SearchResults.tsx b/datahub-web-react/src/app/search/SearchResults.tsx
@@ -52,6 +52,7 @@ const FiltersContainer = styled.div`
 const ResultContainer = styled.div`
     flex: 1;
     margin-bottom: 20px;
+    max-width: calc(100% - 260px);
 `;
 
 const PaginationControlContainer = styled.div`