From 158fb92745a06023d17e53986d7ae904d06de9f1 Mon Sep 17 00:00:00 2001
From: FangyuanCheng <fangyuanc@vmware.com>
Date: Thu, 6 Dec 2018 15:35:42 +0800
Subject: [PATCH] Remove the border of default label when filtering images by
 label

Signed-off-by: FangyuanCheng <fangyuanc@vmware.com>
---
 src/portal/lib/src/tag/tag.component.html | 2 +-
 src/portal/lib/src/tag/tag.component.ts   | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/portal/lib/src/tag/tag.component.html b/src/portal/lib/src/tag/tag.component.html
index 1366bd686..65ff89f6d 100644
--- a/src/portal/lib/src/tag/tag.component.html
+++ b/src/portal/lib/src/tag/tag.component.html
@@ -27,7 +27,7 @@
     <div class="row flex-items-xs-right rightPos">
       <div id="filterArea">
         <div class='filterLabelPiece' *ngIf="!withAdmiral" [hidden]="!openLabelFilterPiece" [style.left.px]='filterLabelPieceWidth'>
-          <hbr-label-piece [hidden]='!filterOneLabel' [label]="filterOneLabel" [labelWidth]="130"></hbr-label-piece>
+          <hbr-label-piece *ngIf="showlabel" [hidden]='!filterOneLabel' [label]="filterOneLabel" [labelWidth]="130"></hbr-label-piece>
         </div>
         <div class="flex-xs-middle">
           <hbr-filter [withDivider]="true" filterPlaceholder="{{'TAG.FILTER_FOR_TAGS' | translate}}" (filterEvt)="doSearchTagNames($event)"
diff --git a/src/portal/lib/src/tag/tag.component.ts b/src/portal/lib/src/tag/tag.component.ts
index 65c287d3b..0d90386e4 100644
--- a/src/portal/lib/src/tag/tag.component.ts
+++ b/src/portal/lib/src/tag/tag.component.ts
@@ -103,6 +103,7 @@ export class TagComponent implements OnInit, AfterViewInit {
   openLabelFilterPanel: boolean;
   openLabelFilterPiece: boolean;
   retagSrcImage: string;
+  showlabel: boolean;
 
   createdComparator: Comparator<Tag> = new CustomComparator<Tag>("created", "date");
 
@@ -394,8 +395,10 @@ export class TagComponent implements OnInit, AfterViewInit {
     if (labelInfo) {
       if (!labelInfo.iconsShow) {
         this.filterLabel(labelInfo);
+        this.showlabel = true;
       } else {
         this.unFilterLabel(labelInfo);
+        this.showlabel = false;
       }
     }
   }