Merge pull request #2647 from alberto-art3ch/WEB-311/view-transaction-details-screen-classification-field-value-is-misaligned

gkbishnoi07 · web-flow · commit eac7d05b704a · 2025-09-12T10:52:24.000+05:30
WEB-311: View Transaction Details screen - Classification field value…
diff --git a/src/app/loans/loans-view/transactions/view-transaction/view-transaction.component.html b/src/app/loans/loans-view/transactions/view-transaction/view-transaction.component.html
@@ -86,7 +86,7 @@
           {{ 'Classification' | translateKey: 'catalogs' }}
         </div>
 
-        <div class="flex-50 wrap-content" *ngIf="transactionData.classification">
+        <div class="flex-50 no-break-content" *ngIf="transactionData.classification">
           {{ transactionData.classification.name }}
         </div>
 
diff --git a/src/assets/styles/_text.scss b/src/assets/styles/_text.scss
@@ -255,3 +255,7 @@ body {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
+.no-break-content {
+  overflow-wrap: anywhere !important;
+}

Original file line number	Diff line number	Diff line change
`@@ -255,3 +255,7 @@ body {`
`255`	`255`	`overflow-wrap: break-word;`
`256`	`256`	`word-wrap: break-word;`
`257`	`257`	`}`
	`258`	`+`
	`259`	`+.no-break-content {`
	`260`	`+ overflow-wrap: anywhere !important;`
	`261`	`+}`