Merge pull request #165 from Sanketika-Obsrv/user_ui_update

HarishGangula · web-flow · commit 0e9c8b444459 · 2025-01-10T16:22:52.000+05:30
fix: #OBS-I494: Dataset list text alignment
diff --git a/web-console-v2/src/pages/DatasetList/DatasetlistCard.module.css b/web-console-v2/src/pages/DatasetList/DatasetlistCard.module.css
@@ -20,8 +20,8 @@
     padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
     flex: 1 1 auto;
-    overflow: hidden;
     min-width: 0;
+    word-break: break-word !important;
 }
 
 .gridItemNoBorder {
@@ -136,4 +136,5 @@
     justify-content: space-between;
     align-items: center;
     width: 100%;
+    flex-wrap: wrap;
 }
diff --git a/web-console-v2/src/pages/DatasetList/DatasetlistCard.tsx b/web-console-v2/src/pages/DatasetList/DatasetlistCard.tsx
@@ -160,7 +160,7 @@ const DatasetlistCard: React.FC<DatasetlistCardProps> = ({
                                     {label}
                                 </Typography>
                                 {key === 'status' ? (
-                                    <Typography variant="caption">
+                                    <Typography variant="caption" sx={{ textAlign: 'start' }}>
                                         {getStatusLabel(String(dataset[key as keyof Dataset]))}
                                     </Typography>
                                 ) : (

Original file line number	Diff line number	Diff line change
`@@ -20,8 +20,8 @@`
`20`	`20`	`padding-right: 0.5rem !important;`
`21`	`21`	`padding-left: 0.5rem !important;`
`22`	`22`	`flex: 1 1 auto;`
`23`		`- overflow: hidden;`
`24`	`23`	`min-width: 0;`
	`24`	`+ word-break: break-word !important;`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`.gridItemNoBorder {`
`@@ -136,4 +136,5 @@`
`136`	`136`	`justify-content: space-between;`
`137`	`137`	`align-items: center;`
`138`	`138`	`width: 100%;`
	`139`	`+ flex-wrap: wrap;`
`139`	`140`	`}`