Task/dtserwfour 189 labels should wrap to next line (#217)

* DTSERWFOUR -189 wrap labels.

* DTSERWFOUR -189 wrap labels.

* DTSERWFOUR -189 wrap labels.

* DTSERWFOUR -189 wrap labels to next line.

* DTSERWFOUR -189 address review comments.

Co-authored-by: Rita Law <51347548+malaw-hw@users.noreply.github.com>

Author: shanavas123

receiptui/src/main/res/layout/fragment_receipt_detail.xml

@@ -40,7 +40,7 @@
                 android:layout_marginStart="@dimen/grid_margin_left"
                 android:layout_marginEnd="@dimen/grid_margin_right"
                 android:layout_width="match_parent"
-                android:layout_height="@dimen/item_receipt_information_height">
+                android:layout_height="wrap_content">
 
                 <include layout="@layout/receipt" />
 
@@ -103,8 +103,6 @@
                         android:layout_alignParentTop="true"
                         android:layout_alignParentEnd="true"
                         android:gravity="end"
-                        android:ellipsize="end"
-                        android:maxLines="1"
                         android:layout_marginStart="@dimen/grid_margin_left"
                         android:layout_toEndOf="@+id/receipt_id_label"
                         android:layout_marginTop="@dimen/grid_margin_top"
@@ -138,8 +136,6 @@
                         android:layout_alignParentEnd="true"
                         android:layout_marginStart="@dimen/grid_margin_left"
                         android:gravity="end"
-                        android:ellipsize="end"
-                        android:maxLines="1"
                         android:paddingTop="@dimen/item_text_top_bottom_margin"
                         tools:text="@string/text_placeholder"
                         android:textAppearance="@style/TextAppearance.Hyperwallet.Caption" />
@@ -176,8 +172,6 @@
                         android:paddingEnd="@dimen/item_text_top_bottom_margin"
                         android:layout_marginTop="@dimen/item_text_top_bottom_margin"
                         android:layout_toEndOf="@+id/client_id_label"
-                        android:ellipsize="end"
-                        android:maxLines="1"
                         android:gravity="end"
                         tools:text="@string/text_placeholder"
                         android:textAppearance="@style/TextAppearance.Hyperwallet.Caption"
@@ -213,8 +207,6 @@
                               android:layout_marginStart="@dimen/item_text_top_bottom_margin"
                               android:layout_marginTop="@dimen/item_text_top_bottom_margin"
                               android:layout_toEndOf="@+id/charity_label"
-                              android:ellipsize="end"
-                              android:maxLines="1"
                         android:gravity="end"
                         tools:text="@string/text_placeholder"
                         android:textAppearance="@style/TextAppearance.Hyperwallet.Caption"
@@ -251,8 +243,6 @@
                         android:layout_marginStart="@dimen/item_text_top_bottom_margin"
                         android:layout_marginTop="@dimen/item_text_top_bottom_margin"
                         android:layout_toEndOf="@+id/check_number_label"
-                        android:ellipsize="end"
-                        android:maxLines="1"
                         android:gravity="end"
                         tools:text="@string/text_placeholder"
                         android:textAppearance="@style/TextAppearance.Hyperwallet.Caption"
@@ -289,8 +279,6 @@
                         android:layout_marginStart="@dimen/item_text_top_bottom_margin"
                         android:layout_marginTop="@dimen/item_text_top_bottom_margin"
                         android:layout_toEndOf="@+id/website_label"
-                        android:ellipsize="end"
-                        android:maxLines="1"
                         android:gravity="end"
                         tools:text="@string/text_placeholder"
                         android:textAppearance="@style/TextAppearance.Hyperwallet.Caption"
@@ -397,8 +385,6 @@
                         android:layout_alignParentTop="true"
                         android:layout_alignParentEnd="true"
                         android:gravity="end"
-                        android:ellipsize="end"
-                        android:maxLines="1"
                         android:layout_marginStart="@dimen/grid_margin_left"
                         android:layout_toEndOf="@+id/details_amount_label"
                         android:layout_marginTop="@dimen/grid_margin_top"
@@ -437,8 +423,6 @@
                         android:layout_alignParentTop="true"
                         android:layout_alignParentEnd="true"
                         android:gravity="end"
-                        android:ellipsize="end"
-                        android:maxLines="1"
                         android:layout_marginStart="@dimen/grid_margin_left"
                         android:layout_toEndOf="@+id/details_fee_label"
                         android:layout_marginTop="@dimen/grid_margin_top"
@@ -477,8 +461,6 @@
                         android:layout_alignParentTop="true"
                         android:layout_alignParentEnd="true"
                         android:gravity="end"
-                        android:ellipsize="end"
-                        android:maxLines="1"
                         android:layout_marginStart="@dimen/grid_margin_left"
                         android:layout_toEndOf="@+id/details_transfer_amount_label"
                         android:layout_marginTop="@dimen/grid_margin_top"

receiptui/src/main/res/layout/item_receipt.xml

@@ -3,11 +3,12 @@
     android:id="@+id/receipt_item"
     style="@style/ReceiptItem"
     android:layout_marginStart="@dimen/grid_margin_left"
+    android:orientation="vertical"
     android:layout_marginEnd="@dimen/grid_margin_right"
     android:layout_width="match_parent"
-    android:layout_height="@dimen/item_receipt_information_height">
+    android:layout_height="wrap_content">
 
-    <include layout="@layout/receipt" />
+    <include layout="@layout/receipt"/>
 
     <View
         android:layout_width="match_parent"

receiptui/src/main/res/layout/item_receipt_with_header.xml

@@ -28,7 +28,7 @@
         android:layout_width="match_parent"
         android:layout_marginStart="@dimen/grid_margin_left"
         android:layout_marginEnd="@dimen/grid_margin_right"
-        android:layout_height="@dimen/item_receipt_information_height">
+        android:layout_height="wrap_content">
 
         <include layout="@layout/receipt" />
 

receiptui/src/main/res/layout/receipt.xml

@@ -14,19 +14,19 @@
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:text="@string/text_placeholder"
-        android:ellipsize="end"
-        android:maxLines="1"
         style="@style/ReceiptTitle"
         app:layout_constraintEnd_toStartOf="@+id/transaction_amount"
         app:layout_constraintStart_toEndOf="@+id/transaction_type_icon"
         app:layout_constraintTop_toTopOf="parent" />
 
-    <TextView android:id="@+id/transaction_date"
-        android:layout_width="wrap_content"
+    <TextView
+        android:id="@+id/transaction_date"
+        style="@style/ReceiptDate"
+        android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:text="@string/text_placeholder"
-        style="@style/ReceiptDate"
         app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/transaction_currency"
         app:layout_constraintStart_toEndOf="@+id/transaction_type_icon"
         app:layout_constraintTop_toBottomOf="@+id/transaction_title" />