yt-chat-components 0.9.5 → 0.9.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "main": "build/static/js/bundle.min.js",
   "module": "build/static/js/bundle.min.js",
   "types": "build/static/js/index.d.ts",

package/src/YtChatView/chatWidget/index.tsx

@@ -2350,17 +2350,15 @@ input::-ms-input-placeholder { /* Microsoft Edge */
 }
 
 .w_tagListClass {
-  // position: absolute;
   width: 100%;
   height: fit-content;
-  // background: #F9FAFB;
   display: flex;
   align-items: center;
   padding: 8px 0 8px 10px;
   flex-wrap: wrap;
   gap: 8px;
-
-  .w_tagItemBox {
+}
+.w_tagListClass .w_tagItemBox {
     padding: 8px 12px;
     display: flex;
     align-items: center;
@@ -2372,36 +2370,34 @@ input::-ms-input-placeholder { /* Microsoft Edge */
     border: 1px solid #4B4FFF;
     cursor: pointer;
 
-    &:hover,&:active {
-      background: linear-gradient( 270deg, #828EFE 0%, #4B4FFF 100%);
-      .w_tagImgh {
-        filter: brightness(100);
-      }
-      .w_tagItemText {
-        color: #fff;
-      }
-    }
-    .w_tagImgh{
+  }
+  .w_tagListClass .w_tagItemBox:hover, .w_tagListClass .w_tagItemBox:active {
+    background: linear-gradient( 270deg, #828EFE 0%, #4B4FFF 100%);
+  }
+  .w_tagListClass .w_tagItemBox:hover .w_tagImgh,.w_tagListClass .w_tagItemBox:active .w_tagImgh {
+    filter: brightness(100);
+  }
+
+ .w_tagListClass .w_tagItemBox:hover .w_tagItemText, .w_tagListClass .w_tagItemBox:active .w_tagItemText {
+    color: #fff;
+  }
+  .w_tagListClass .w_tagItemBox .w_tagImgh{
       width: 16px;
       height: 16px;
-    }
-
-    .w_tagItemText {
+  }
+  .w_tagListClass .w_tagItemBox .w_tagItemText {
       width: fit-content;
       padding-top: 2px;
       color: #1552FF;
       font-size: 14px;
-    }
-
-    .w_tagImg {
+  }
+  .w_tagListClass .w_tagItemBox .w_tagImg {
       margin-left: 6px;
       width: 12px;
       height: 12px;
       background-repeat: no-repeat;
       background-size: cover;
-    }
   }
-}
 
 .w_inputBox {
   width: calc(100% - 16px);
@@ -2412,7 +2408,8 @@ input::-ms-input-placeholder { /* Microsoft Edge */
   border-radius: 30px;
   background: #FFFFFF;
   transition: height 0.2s ease;
-  textarea {
+}
+  .w_inputBox textarea {
     resize: none;
     min-height: 48px;
     max-height: 96px;
@@ -2429,15 +2426,11 @@ input::-ms-input-placeholder { /* Microsoft Edge */
       border-top-left-radius: 50px;
       border-bottom-left-radius: 50px;
   }
-  textarea::-webkit-scrollbar {
-    display: none; /* Chrome, Safari, and Opera */
+  
+ .w_inputBox textarea::-webkit-scrollbar {
+    display: none; 
   }
-}
-
-/**
- * 输入框上方的标签问题列表
- */
-
+  
 .w_send_voice_box {
   height: 23px;
   display: flex;