Added more button to item description

config.xml

@@ -1,5 +1,5 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget id="com.mallapp.testing" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+<widget id="com.mallapp.testing" version="1.1.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
     <name>Mall App</name>
     <description>An awesome Ionic/Cordova app.</description>
     <author email="hi@ionicframework.com" href="http://ionicframework.com/">Ionic Framework Team</author>

src/app/outlet-details/outlet-details.page.html

@@ -65,7 +65,10 @@
                 <div class="rating"> <ion-icon name="star"></ion-icon> {{ item.rating }} </div>
                 <img src="{{ item.image_url }}">
                 <h5> {{ item.name }} </h5>
-                <p> {{ item.description }} </p>
+                <p [ngClass]="{'expand' : selected_description === item.id }"> {{ item.description }}
+                    <a *ngIf="selected_description !== item.id" (click)="selected_description = item.id"> More </a>
+                    <a *ngIf="selected_description === item.id" (click)="selected_description = null"> Less </a>
+                </p>
                 <div class="label-holder">
                     <div class="category" [ngClass]="{'non-veg' : !item.is_vegeterian, 'veg' : item.is_vegeterian }"></div>
                     <span *ngIf="!item.is_vegeterian"> Non-Veg Meals </span>

src/app/outlet-details/outlet-details.page.scss

@@ -289,10 +289,20 @@
             font-size: 10px;
             color: var(--brand-grey);
             overflow: hidden;
-            display: -webkit-box;
-            -webkit-line-clamp: 3;
-            -webkit-box-orient: vertical;
+            white-space: nowrap;
             text-overflow: ellipsis;
+            position: relative;
+
+            &.expand {
+                white-space: normal;
+            }
+
+            a {
+                display: block;
+                width: 100%;
+                color: var(--brand-blue);
+                text-decoration: underline;
+            }
         }
     }
 

src/app/outlet-details/outlet-details.page.ts

@@ -15,6 +15,7 @@ export class OutletDetailsPage implements OnInit {
     show_top_bar: boolean = false;
     show_only_veg: boolean = false;
     selected_tag: string = null;
+    selected_description: string = null;
 
     constructor(
         private route: ActivatedRoute,