github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 03:01:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化聊天工具栏样式

Browse Source
This commit is contained in:
kuaifan 2024-04-30 13:50:44 +08:00
parent 85a7776159
commit 199fd4462e
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@ -48,8 +48,8 @@
"openpgp_hi": "^5.7.0-1", "openpgp_hi": "^5.7.0-1",
"photoswipe": "^5.2.8", "photoswipe": "^5.2.8",
"postcss": "^8.4.5", "postcss": "^8.4.5",
"quill-hi": "^2.0.0", "quill-hi": "2.0.0-1",
"quill-mention-hi": "^4.0.0-7", "quill-mention-hi": "4.0.0-7",
"resolve-url-loader": "^4.0.0", "resolve-url-loader": "^4.0.0",
"sass": "^1.71.1", "sass": "^1.71.1",
"sass-loader": "^14.1.1", "sass-loader": "^14.1.1",

3
resources/assets/js/pages/manage/components/ChatInput/index.vue
View File

@ -277,7 +277,7 @@ export default {
toolbar: { toolbar: {
type: Array, type: Array,
default: () => { default: () => {
return ['bold', 'strike', 'italic', 'underline', 'blockquote', {'list': 'ordered'}, {'list': 'bullet'}, {'list': 'check'}] return ['bold', 'strike', 'italic', 'underline', 'blockquote', 'link', {'list': 'ordered'}, {'list': 'bullet'}, {'list': 'check'}]
}, },
}, },
maxlength: { maxlength: {
@ -646,6 +646,7 @@ export default {
// Options // Options
this._options = Object.assign({ this._options = Object.assign({
theme: 'bubble', theme: 'bubble',
bubbleTooltipTop: true,
formats: ['bold', 'strike', 'italic', 'underline', 'blockquote', 'list', 'link', 'image', 'mention'], formats: ['bold', 'strike', 'italic', 'underline', 'blockquote', 'list', 'link', 'image', 'mention'],
readOnly: false, readOnly: false,
placeholder: this.placeholder, placeholder: this.placeholder,

7
resources/assets/sass/pages/components/chat-input.scss vendored
View File

@ -243,6 +243,13 @@
.ql-bubble { .ql-bubble {
.ql-tooltip { .ql-tooltip {
z-index: 1; z-index: 1;
button {
&.ql-active {
position: relative;
background: #3d3d3d;
border-radius: 6px;
}
}
.ql-formats { .ql-formats {
display: flex; display: flex;
align-items: center; align-items: center;