diff --git a/package.json b/package.json
index 3d7461b08..154f2a3db 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
"photoswipe": "^5.2.8",
"postcss": "^8.4.5",
"quill": "^1.3.7",
- "quill-mention-hi": "^3.1.0-3",
+ "quill-mention-hi": "^3.1.0-4",
"resolve-url-loader": "^4.0.0",
"sass": "~1.32.13",
"sass-loader": "^12.6.0",
diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue
index 0478b2d1f..808caaf9c 100755
--- a/resources/assets/js/pages/manage/components/ChatInput/index.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue
@@ -157,11 +157,11 @@
-
-
-
+
+
+
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 9ddbd808c..385aab29c 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -137,7 +137,7 @@
-
+
diff --git a/resources/assets/sass/pages/components/chat-input.scss b/resources/assets/sass/pages/components/chat-input.scss
index 6ec7915f9..2006265d9 100755
--- a/resources/assets/sass/pages/components/chat-input.scss
+++ b/resources/assets/sass/pages/components/chat-input.scss
@@ -33,13 +33,13 @@
transform: translate(-50%, -50%) scale(2.5);
}
}
- &.chat-record-recwave {
- visibility: visible;
- opacity: 1;
- z-index: 1;
- }
}
}
+ .chat-record {
+ visibility: visible;
+ opacity: 1;
+ z-index: 1;
+ }
}
}
@@ -288,30 +288,31 @@
}
}
}
- &.chat-record-recwave {
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- height: 100%;
- width: 100%;
- background-color: #ffffff;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-end;
- pointer-events: none;
- visibility: hidden;
- opacity: 0;
- > div {
- flex: 1;
- width: 100%;
- max-height: 46px;
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- }
- }
+ }
+ }
+
+ .chat-record {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ height: 100%;
+ width: 100%;
+ background-color: #ffffff;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: flex-end;
+ pointer-events: none;
+ visibility: hidden;
+ opacity: 0;
+ > div {
+ flex: 1;
+ width: 100%;
+ max-height: 46px;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
}
}
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 2bb1757b9..8615cf4d8 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -2172,14 +2172,10 @@ body.window-portrait {
.chat-input-box {
.chat-input-wrapper {
background-color: #ffffff;
- .chat-toolbar {
- > li {
- &.chat-record-recwave {
- margin-left: -10px;
- width: calc(100% + 20px);
- background-color: #f8f8f8;
- }
- }
+ .chat-record {
+ margin-left: -10px;
+ width: calc(100% + 20px);
+ background-color: #f8f8f8;
}
}
.chat-emoji-wrapper {
diff --git a/resources/assets/sass/pages/components/task-detail.scss b/resources/assets/sass/pages/components/task-detail.scss
index 816e031ba..c6e89e7a7 100644
--- a/resources/assets/sass/pages/components/task-detail.scss
+++ b/resources/assets/sass/pages/components/task-detail.scss
@@ -631,11 +631,9 @@
.chat-toolbar {
right: 4px;
bottom: 0;
- > li {
- &.chat-record-recwave {
- background-color: #F4F5F7;
- }
- }
+ }
+ .chat-record {
+ background-color: #F4F5F7;
}
}
}