github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-28 04:40:37 +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;
&::-webkit-scrollbar {
width: 10px;
height: 10px;
width: 0;
height: 0;
}
&::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0);
}
&::-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);
border: 3px solid transparent;
background-color: rgba(0, 0, 0, .2);
background-clip: content-box;
}
&:hover::-webkit-scrollbar-thumb:hover {
border-top-width: 0;
border-bottom-width: 0;
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: 10px;
border-radius: 12px;
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 {
width: 10px;
height: 10px;
width: 0;
height: 0;
}
&::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0);
}
&::-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);
border: 3px solid transparent;
background-color: rgba(0, 0, 0, .2);
background-clip: content-box;
}
&:hover::-webkit-scrollbar-thumb:hover {
border-top-width: 0;
border-bottom-width: 0;
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: 10px;
border-radius: 12px;
background: rgba(0, 0, 0, 0);
}
&:hover {
&::-webkit-scrollbar {
width: 12px;
height: 12px;
}
}
.ql-mention-list {
> li {
&:first-child {