invite expanded

src/app/components/taskactivities/taskactivities.component.html

@@ -13,9 +13,30 @@
     <div class="left">
       <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/msg/TEXT.svg)'"></div>
 
-      <div class="text">
+      <div class="text" style="padding: 1px; background-color: yellow; width: 100%;">
         <ion-label class="bold_text">{{item.msg_firstname}}-{{item.msg_date |date}}</ion-label>
-        <ion-label *ngIf="item.msg_type != 'FILE' " class="grey_text">{{item.message}}</ion-label>
+        <ion-label *ngIf="item.msg_type != 'FILE' " class="grey_text">
+<!--          <ion-textarea> {{item.message}} </ion-textarea>-->
+<!--            <ion-input  [innerHTML]="item.message"></ion-input>-->
+
+            <div style="width: 100%; padding: 1px; background-color: #8b198e;">
+
+                <ion-input
+                        style="background-color: white;
+                           height: 40px;
+                           width: 100%; "
+                        value={{item.message}}></ion-input>
+
+<!--                <ion-textarea [readonly]="true"-->
+<!--                              [wrap]="hard"-->
+<!--                              [autoGrow]="true"-->
+<!--                              [scrollLeft]="true"-->
+<!--                              class="grey_text" [innerHTML]="item.message"> </ion-textarea>-->
+
+<!--                <div style="background-color: lightgoldenrodyellow; word-wrap: break-word;overflow-wrap:break-word; width: 100%;"  class="grey_text" [innerHTML]="item.message"></div>-->
+            </div>
+
+         </ion-label>
         <ion-label *ngIf="item.msg_type == 'FILE' " class="grey_text"><a href="{{session_image_server}}/{{curr_session}}/contracts/{{item.msg_uid}}">{{item.message}}</a></ion-label>
       </div>
     </div>