From 9dfec8a387152132ed2156637174331ba4aedd29 Mon Sep 17 00:00:00 2001
From: Daniil Tamazlykar <daniiltamazlykar@gmail.com>
Date: Mon, 7 May 2018 18:03:59 +0700
Subject: [PATCH] fix(image): remove tooltips of the card fields (#1071)

PR Close #1070
---
 .../template-card-item.component.html         | 31 +++----------------
 .../template-card-item.component.scss         |  7 +----
 .../card-item/template-card-item.component.ts | 10 +-----
 3 files changed, 6 insertions(+), 42 deletions(-)

diff --git a/src/app/template/template/card-item/template-card-item.component.html b/src/app/template/template/card-item/template-card-item.component.html
index 16c6f4027a..b67c2bfcda 100644
--- a/src/app/template/template/card-item/template-card-item.component.html
+++ b/src/app/template/template/card-item/template-card-item.component.html
@@ -20,34 +20,11 @@
   </mat-card-header>
   <mat-card-content>
     <div class="card-wrapper">
-      <div>{{ 'TEMPLATE_PAGE.CARD.OS' | translate }}:</div>
-      <div
-        *ngIf="singleLine"
-        class="flex-2 single-line text-overflow-tooltip-fix"
-        [matTooltip]="item.osTypeName"
-        matTooltipPosition="above"
-        [innerHTML]="item.osTypeName | highlight:query"
-      ></div>
-      <div
-        *ngIf="!singleLine"
-        class="flex-2 multiline"
-        [innerHTML]="item.osTypeName | highlight:query"
-      ></div>
+      <div>{{ 'TEMPLATE_PAGE.CARD.OS' | translate }}: </div>
+      <div class="single-line" [innerHTML]="item.osTypeName | highlight:query"></div>
     </div>
-    <div class="card-wrapper" *ngIf="item">
-      <div
-        *ngIf="singleLine"
-        class="single-line text-overflow-tooltip-fix"
-        [matTooltip]="item.displayText"
-        matTooltipPosition="above"
-      >
-        <span [innerHTML]="item.displayText | highlight:query"></span>
-      </div>
-      <div
-        *ngIf="!singleLine"
-        class="multiline"
-        [innerHTML]="item.displayText | highlight:query"
-      ></div>
+    <div class="card-wrapper">
+      <div class="single-line" [innerHTML]="item.displayText | highlight:query"></div>
     </div>
   </mat-card-content>
   <mat-menu #actionsMenu="matMenu">
diff --git a/src/app/template/template/card-item/template-card-item.component.scss b/src/app/template/template/card-item/template-card-item.component.scss
index ab14f5a5b7..afde23bb81 100644
--- a/src/app/template/template/card-item/template-card-item.component.scss
+++ b/src/app/template/template/card-item/template-card-item.component.scss
@@ -3,7 +3,7 @@
   z-index: -1;
 }
 
-:host(.single-line) {
+mat-card {
   cursor: pointer;
 }
 
@@ -17,11 +17,6 @@
   white-space: nowrap;
 }
 
-.multiline {
-  word-wrap: break-word;
-  overflow: hidden;
-}
-
 .template-header {
   max-width: 210px !important;
   margin-left: 5px;
diff --git a/src/app/template/template/card-item/template-card-item.component.ts b/src/app/template/template/card-item/template-card-item.component.ts
index 7218da36fd..c731cd10c3 100644
--- a/src/app/template/template/card-item/template-card-item.component.ts
+++ b/src/app/template/template/card-item/template-card-item.component.ts
@@ -1,11 +1,4 @@
-import {
-  Component,
-  EventEmitter,
-  HostBinding,
-  Input,
-  Output,
-  ViewChild
-} from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { MatMenuTrigger } from '@angular/material';
 import { AuthService } from '../../../shared/services/auth.service';
 import { BaseTemplateModel } from '../../shared';
@@ -18,7 +11,6 @@ import { TemplateComponent } from '../template.component';
   styleUrls: ['template-card-item.component.scss']
 })
 export class TemplateCardItemComponent extends TemplateComponent {
-  @HostBinding('class.single-line') @Input() public singleLine = true;
   @Input() public item: BaseTemplateModel;
   @Input() public isSelected: (item: BaseTemplateModel) => boolean;
   @Input() public searchQuery: () => string;