From 40d568603105f744df37144eab75b9ba34a6024b Mon Sep 17 00:00:00 2001
From: boojack <stevenlgtm@gmail.com>
Date: Mon, 31 Oct 2022 19:27:56 +0800
Subject: [PATCH] chore: update unpin memo (#386)

---
 web/src/components/Memo.tsx |  8 +-------
 web/src/less/memo.less      | 11 +----------
 2 files changed, 2 insertions(+), 17 deletions(-)

diff --git a/web/src/components/Memo.tsx b/web/src/components/Memo.tsx
index ff3b17f3..888714ba 100644
--- a/web/src/components/Memo.tsx
+++ b/web/src/components/Memo.tsx
@@ -184,13 +184,7 @@ const Memo: React.FC<Props> = (props: Props) => {
 
   return (
     <div className={`memo-wrapper ${"memos-" + memo.id} ${memo.pinned ? "pinned" : ""}`} ref={memoContainerRef}>
-      {memo.pinned && (
-        <div className="corner-container">
-          <span className="tip-text" onClick={handleTogglePinMemoBtnClick}>
-            {t("common.unpin")}
-          </span>
-        </div>
-      )}
+      {memo.pinned && <div className="corner-container"></div>}
       <div className="memo-top-wrapper">
         <div className="status-text-container">
           <span className="time-text" onClick={handleShowMemoStoryDialog}>
diff --git a/web/src/less/memo.less b/web/src/less/memo.less
index 0b8887d9..865b9c7b 100644
--- a/web/src/less/memo.less
+++ b/web/src/less/memo.less
@@ -14,18 +14,9 @@
   > .corner-container {
     @apply absolute top-0 right-0 z-1;
 
-    &:hover > .tip-text {
-      @apply block;
-    }
-
     &::after {
-      @apply rounded-tr-md absolute top-0 right-0 border-transparent border-t-green-600 border-r-green-600;
+      @apply rounded-tr-md absolute border-8 top-0 right-0 border-transparent border-t-green-600 border-r-green-600;
       content: "";
-      border-width: 6px;
-    }
-
-    > .tip-text {
-      @apply hidden absolute top-0 right-0 z-1 whitespace-nowrap p-1 px-2 rounded-md text-xs leading-6 bg-black text-white shadow cursor-pointer hover:opacity-80;
     }
   }