From 65408e2140a684ac9707156813920109c498fc45 Mon Sep 17 00:00:00 2001
From: zerosoul <yanggc888@163.com>
Date: Fri, 13 May 2022 18:54:06 +0800
Subject: [PATCH] fix: commands menu overlay

---
 src/common/component/Message/Commands.js | 3 +++
 src/routes/chat/styled.js                | 2 +-
 src/routes/favs/styled.js                | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/common/component/Message/Commands.js b/src/common/component/Message/Commands.js
index 4072953e..6bfac688 100644
--- a/src/common/component/Message/Commands.js
+++ b/src/common/component/Message/Commands.js
@@ -18,6 +18,7 @@ import moreIcon from "../../../assets/icons/more.svg?url";
 import toast from "react-hot-toast";
 import useMessageOperation from "./useMessageOperation";
 const StyledCmds = styled.ul`
+  z-index: 999;
   position: absolute;
   right: 10px;
   top: 0;
@@ -159,6 +160,8 @@ export default function Commands({
           </Tooltip>
         </li>
         <Tippy
+          duration={0}
+          delay={[0, 0]}
           onShow={handleTippyVisible.bind(null, true)}
           onHide={handleTippyVisible.bind(null, false)}
           interactive
diff --git a/src/routes/chat/styled.js b/src/routes/chat/styled.js
index 13d2bc60..86d682b2 100644
--- a/src/routes/chat/styled.js
+++ b/src/routes/chat/styled.js
@@ -8,7 +8,7 @@ const StyledWrapper = styled.div`
     position: relative;
     display: flex;
     flex-direction: column;
-    min-width: 260px;
+    min-width: 268px;
     box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.05);
     height: 100%;
     overflow: auto;
diff --git a/src/routes/favs/styled.js b/src/routes/favs/styled.js
index a588d3ef..d8099c6b 100644
--- a/src/routes/favs/styled.js
+++ b/src/routes/favs/styled.js
@@ -8,7 +8,7 @@ const Styled = styled.div`
   overflow: auto;
   .left {
     padding: 8px;
-    width: 268px;
+    min-width: 268px;
     box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.1);
     .filters {
       display: flex;