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

perf: 优化滚动条导致页面抖动的情况

Browse Source
This commit is contained in:
kuaifan 2023-08-18 17:14:27 +08:00
parent 0af07058df
commit 333d4517b5
2 changed files with 2 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
resources/assets/sass/pages/common.scss vendored
View File

@ -534,39 +534,6 @@ body {
.ivu-table-body { .ivu-table-body {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
overflow-y: overlay !important;
&::-webkit-scrollbar {
width: 0;
height: 0;
}
&::-webkit-scrollbar-thumb {
border: 3px solid transparent;
background-color: rgba(0, 0, 0, .2);
background-clip: content-box;
border-radius: 12px;
&:hover {
border: 2px solid transparent;
background-color: rgba(0, 0, 0, .2);
}
&:active {
border: 2px solid transparent;
background-color: rgba(0, 0, 0, .4);
}
}
&::-webkit-scrollbar-track {
border-radius: 12px;
background: rgba(0, 0, 0, 0);
}
&:hover {
&::-webkit-scrollbar {
width: 12px;
height: 12px;
}
}
} }
} }
} }

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

@ -670,7 +670,8 @@
min-width: 220px; min-width: 220px;
max-width: 280px; max-width: 280px;
max-height: 360px; max-height: 360px;
overflow-y: overlay; overflow-x: hidden;
overflow-y: auto;
&.task-mention { &.task-mention {
.ql-mention-list { .ql-mention-list {
@ -688,38 +689,6 @@
} }
} }
&::-webkit-scrollbar {
width: 0;
height: 0;
}
&::-webkit-scrollbar-thumb {
border: 3px solid transparent;
background-color: rgba(0, 0, 0, .2);
background-clip: content-box;
border-radius: 12px;
&:hover {
border: 2px solid transparent;
background-color: rgba(0, 0, 0, .2);
}
&:active {
border: 2px solid transparent;
background-color: rgba(0, 0, 0, .4);
}
}
&::-webkit-scrollbar-track {
border-radius: 12px;
background: rgba(0, 0, 0, 0);
}
&:hover {
&::-webkit-scrollbar {
width: 12px;
height: 12px;
}
}
.ql-mention-list { .ql-mention-list {
> li { > li {
&:first-child { &:first-child {