github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-03-10 09:56:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化全局表格滚动条

Browse Source
This commit is contained in:
kuaifan 2022-12-05 10:59:21 +08:00
parent 27f3591fb5
commit a669e2b71b
2 changed files with 42 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -493,35 +493,36 @@ body {
overflow-y: overlay !important; overflow-y: overlay !important;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 10px; width: 0;
height: 10px; height: 0;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
border-radius: 10px; border: 3px solid transparent;
background: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, .2);
}
&::-webkit-scrollbar-thumb:active {
border-radius: 10px;
background: rgba(0, 0, 0, .5);
}
&:hover::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background: rgba(0, 0, 0, .2);
background-clip: content-box; background-clip: content-box;
} border-radius: 12px;
&:hover {
&:hover::-webkit-scrollbar-thumb:hover { border: 2px solid transparent;
border-top-width: 0; background-color: rgba(0, 0, 0, .2);
border-bottom-width: 0; }
&:active {
border: 2px solid transparent;
background-color: rgba(0, 0, 0, .4);
}
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
border-radius: 10px; border-radius: 12px;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
} }
&:hover {
&::-webkit-scrollbar {
width: 12px;
height: 12px;
}
}
} }
} }
} }

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

@ -567,36 +567,37 @@
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 10px; width: 0;
height: 10px; height: 0;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
border-radius: 10px; border: 3px solid transparent;
background: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, .2);
}
&::-webkit-scrollbar-thumb:active {
border-radius: 10px;
background: rgba(0, 0, 0, .5);
}
&:hover::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background: rgba(0, 0, 0, .2);
background-clip: content-box; background-clip: content-box;
} border-radius: 12px;
&:hover {
&:hover::-webkit-scrollbar-thumb:hover { border: 2px solid transparent;
border-top-width: 0; background-color: rgba(0, 0, 0, .2);
border-bottom-width: 0; }
&:active {
border: 2px solid transparent;
background-color: rgba(0, 0, 0, .4);
}
} }
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
border-radius: 10px; border-radius: 12px;
background: rgba(0, 0, 0, 0); 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 {