prevent some tooltips from being selected

adjust height of table box

Author: thkoehler11

package.json

@@ -11,7 +11,8 @@
     "lint:fix": "ng lint --fix",
     "pretty-quick": "pretty-quick --pattern \"src/**/*.{scss,html}\"",
     "e2e": "ng e2e",
-    "playground": "angular-playground"
+    "playground": "angular-playground",
+    "cypress": "npx cypress open"
   },
   "private": true,
   "dependencies": {

src/app/modules/feasibility-query/components/search/search.component.scss

@@ -82,7 +82,7 @@
 }
 
 .content-height-100 {
-  max-height: 500px;
+  height: 80%;
   overflow: scroll;
   /*min-height: 500px;*/
   overflow-x: hidden;

src/app/shared/components/table/table.component.html

@@ -24,6 +24,7 @@
             *ngIf="row.hasCheckbox && row.checkboxColumnIndex === j"
             color="primary"
             matTooltip="{{ 'SHARED_COMPONENTS.TABLE.SELECT_CHECKBOX' | translate }}"
+            matTooltipClass="prevent-selection"
             disableRipple="true"
             [disabled]="!row.isDisabled"
             [checked]="row.isCheckboxSelected"
@@ -32,9 +33,11 @@
           ></mat-checkbox>
           <fa-icon
             matTooltip="{{ 'SHARED_COMPONENTS.TABLE.ICON' | translate }}"
+            matTooltipClass="prevent-selection"
             *ngIf="row.treeIcon !== '' && row.treeIconColumnIndex === j"
             size="1x"
             icon="{{ row.treeIcon }}"
+            class="cursor-click"
           ></fa-icon>
           <div
             matTooltip="{{ cell | displayTranslation }}"

src/app/shared/components/table/table.component.scss

@@ -63,5 +63,5 @@ table {
 }
 .cursor-click {
   cursor: pointer;
-  padding-left: 10px;
+  padding-left: 5px;
 }

src/styles/styles.scss

@@ -56,3 +56,6 @@ body {
 .height-100 {
   height: 100%;
 }
+.prevent-selection {
+  pointer-events: none;
+}