Merge remote-tracking branch 'origin/v3-dev' into v3-dev

AprilNEA · Dec 27, 2023 · 6333f73 · 6333f73
2 parents 351f756 + 637a1b8
commit 6333f73
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/packages/frontend/src/styles/module/home.module.scss b/packages/frontend/src/styles/module/home.module.scss
@@ -286,7 +286,8 @@
 }
 
 .chat-item-main {
-  flex: 1;
+  width: calc(100% - 50px);
+  overflow: hidden;
 }
 
 .chat-item-title {
@@ -304,21 +305,31 @@
   right: -20px;
   transition: all ease 0.3s;
   opacity: 0;
+  background: linear-gradient(to right, transparent, 5% , var(--white));
+  padding-left: 10px;
 
   svg {
+    opacity: 0;
+    transition: all ease 0.3s;
     height: 20px;
     width: 20px;
     fill: var(--black);
   }
 }
 
 .chat-item:hover>.chat-item-main>.chat-item-delete {
-  opacity: 0.5;
+  opacity: 1;
   right: 7.5px;
+
+  svg {
+    opacity: 0.5;
+  }
 }
 
 .chat-item:hover>.chat-item-main>.chat-item-delete:hover {
-  opacity: 1;
+  svg {
+    opacity: 1;
+  }
 }
 
 .chat-item-info {