fix(blame) - fixes UI issues on small viewports for the schema blame …

…view (datahub-project#4827) Co-authored-by: Shirshanka Das <shirshanka@apache.org>
justinas-marozas · May 17, 2022 · 912bc58 · 912bc58
1 parent 58fbf9f
commit 912bc58
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/datahub-web-react/src/app/entity/dataset/profile/schema/components/SchemaHeader.tsx b/datahub-web-react/src/app/entity/dataset/profile/schema/components/SchemaHeader.tsx
@@ -72,7 +72,7 @@ const SchemaBlameSelector = styled(Select)`
     &&& {
         font-weight: 400;
         margin-top: 6px;
-        min-width: 17%;
+        min-width: 30px;
         margin-right: 10px;
         border-radius: 0px 8px 8px 0px;
     }
@@ -89,6 +89,7 @@ const BlameRadio = styled(Radio.Group)`
     &&& {
         margin-top: 6px;
         margin-right: 10px;
+        min-width: 140px;
     }
 `;
 
@@ -104,6 +105,7 @@ const CurrentVersionTimestampText = styled(Typography.Text)`
         margin-top: 10px;
         margin-right: 10px;
         color: ${ANTD_GRAY[7]};
+        min-width: 220px;
     }
 `;
 

diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Schema/SchemaTable.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Schema/SchemaTable.tsx
@@ -91,7 +91,7 @@ export default function SchemaTable({
         title: 'Field',
         dataIndex: 'fieldPath',
         key: 'fieldPath',
-        width: 250,
+        width: 300,
         render: schemaTitleRenderer,
         filtered: true,
     };