[HIMA-647] updated how much information is shown on description of products in products details page

.vscode/launch.json

@@ -2,14 +2,21 @@
   // Use IntelliSense to learn about possible attributes.
   // Hover to view descriptions of existing attributes.
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-  "version": "0.2.0",
+  "version": "0.11.0",
   "configurations": [
     {
       "type": "chrome",
       "request": "launch",
       "name": "Launch Chrome",
       "url": "https://192.168.2.112:4200",
-      "webRoot": "${workspaceFolder}"
+      "webRoot": "${workspaceFolder}",
+      "sourceMaps": true,
+      "sourceMapPathOverrides": {
+        "/./*": "${webRoot}/*",
+        "/src/*": "${webRoot}/*",
+        "/*": "*",
+        "/./~/*": "${webRoot}/node_modules/*"
+      }
     }
   ]
 }

apps/sales/src/app/modules/customer/components/customer-order-item-row/customer-order-item-row.component.scss

@@ -45,7 +45,7 @@
       .texts {
         display: flex;
         flex-direction: column;
-        justify-content: start;
+        justify-content: flex-start;
         align-items: flex-start;
 
         .text,

apps/sales/src/app/modules/product/pages/product-details/product-details.component.scss

@@ -413,7 +413,7 @@
 */
 @media (min-width: 768px) and (max-width: 1024px) {
   .details {
-    height: 85px;
+    height: 105px;
   }
 }
 

apps/sales/src/app/modules/product/pipes/description.pipe.ts

@@ -13,7 +13,7 @@ export class DescriptionTextPipe implements PipeTransform {
       const wordArray = el.innerHTML.split(' ');
 
       if (el.offsetHeight > container.offsetHeight && !shortenText) {
-        while (el.offsetHeight > container.offsetHeight + 2) {
+        while (el.offsetHeight > container.offsetHeight + 2 && wordArray.length > 3) {
           wordArray.pop();
           el.innerHTML = wordArray.join(' ') + '...';
         }

apps/sales/src/app/modules/shelf/components/article-details/article-details.component.scss

@@ -29,7 +29,7 @@
   .data {
     display: flex;
     flex-direction: column;
-    justify-content: start;
+    justify-content: flex-start;
     align-items: flex-start;
 
     span {