fix(image): remove tooltips of the card fields (#1071)

PR Close #1070
bwsw · May 7, 2018 · 9dfec8a · 9dfec8a
1 parent 3f2fe7f
commit 9dfec8a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 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
@@ -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
@@ -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
@@ -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;