From d9a4f3481962bc3bb73ccc276d05a0c9062836d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E4=B8=96=E5=86=9B?=
 <30999793+AllForNothing@users.noreply.github.com>
Date: Thu, 16 Dec 2021 13:49:20 +0800
Subject: [PATCH] Fix overlapping for repo cardview (#16125)

Signed-off-by: AllForNothing <sshijun@vmware.com>
---
 .../base/project/repository/gridview/grid-view.component.scss | 2 +-
 .../project/repository/repository-gridview.component.html     | 4 ++--
 .../project/repository/repository-gridview.component.scss     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/portal/src/app/base/project/repository/gridview/grid-view.component.scss b/src/portal/src/app/base/project/repository/gridview/grid-view.component.scss
index ac9816fb8..f012ff25e 100644
--- a/src/portal/src/app/base/project/repository/gridview/grid-view.component.scss
+++ b/src/portal/src/app/base/project/repository/gridview/grid-view.component.scss
@@ -1,6 +1,6 @@
 .grid-content {
   position: relative;
-  top: 36px;
+  top: 66px;
   left: 0;
   right: 0;
   bottom: 0;
diff --git a/src/portal/src/app/base/project/repository/repository-gridview.component.html b/src/portal/src/app/base/project/repository/repository-gridview.component.html
index 79735b582..d4a775efa 100644
--- a/src/portal/src/app/base/project/repository/repository-gridview.component.html
+++ b/src/portal/src/app/base/project/repository/repository-gridview.component.html
@@ -96,10 +96,10 @@
                             <clr-icon shape="caret down"></clr-icon>
                         </button>
                         <clr-dropdown-menu clrPosition="top-left" *clrIfOpen>
-                            <button *ngIf="withAdmiral" type="button" class="btn btn-link" clrDropdownItem (click)="itemAddInfoEvent($event, item)" [disabled]="!hasProjectAdminRole">
+                            <button *ngIf="withAdmiral" type="button" class="btn btn-link" clrDropdownItem (click)="itemAddInfoEvent($event, item);$event.stopPropagation();$event.preventDefault()" [disabled]="!hasProjectAdminRole">
                                 {{'REPOSITORY.ADDITIONAL_INFO' | translate}}
                             </button>
-                            <button type="button" class="btn btn-link" clrDropdownItem (click)="deleteItemEvent($event, item)" [disabled]="!hasDeleteRepositoryPermission">
+                            <button type="button" class="btn btn-link" clrDropdownItem (click)="deleteItemEvent($event, item);$event.stopPropagation();$event.preventDefault()" [disabled]="!hasDeleteRepositoryPermission">
                                 {{'REPOSITORY.DELETE' | translate}}
                             </button>
                         </clr-dropdown-menu>
diff --git a/src/portal/src/app/base/project/repository/repository-gridview.component.scss b/src/portal/src/app/base/project/repository/repository-gridview.component.scss
index 7532fd17d..84b257560 100644
--- a/src/portal/src/app/base/project/repository/repository-gridview.component.scss
+++ b/src/portal/src/app/base/project/repository/repository-gridview.component.scss
@@ -42,7 +42,7 @@
 
 .rightPos{
     @include grid-right-top-pos;
-    top: 22px;
+    top: 18px;
 }
 
 .toolbar {