mirrors/nocobase
1
0
Fork 0
mirror of https://github.com/nocobase/nocobase synced 2024-11-15 05:46:00 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: use the default style for the scrollbar in mobile

Browse Source
This commit is contained in:
Zeke Zhang 2024-08-07 17:29:07 +08:00
parent 4eb35a3ad9
commit e6e424c8a2
1 changed files with 43 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
packages/core/client/src/global.less
View File

@ -1,35 +1,46 @@
/* width */
::-webkit-scrollbar {
width: 8px;
height: 8px;
// the custom style for desktop
@media (min-width: 768px) {
/* width */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: var(--colorBgScrollTrack);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--colorBgScrollBar);
border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover);
}
::-webkit-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive);
}
.rc-virtual-list-scrollbar-thumb {
background: var(--colorBgScrollBar) !important;
}
.rc-virtual-list-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover) !important;
}
.rc-virtual-list-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive) !important;
}
}
/* Track */
::-webkit-scrollbar-track {
background: var(--colorBgScrollTrack);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--colorBgScrollBar);
border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover);
}
::-webkit-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive);
}
.rc-virtual-list-scrollbar-thumb {
background: var(--colorBgScrollBar) !important;
}
.rc-virtual-list-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover) !important;
}
.rc-virtual-list-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive) !important;
// the custom style for mobile
@media (max-width: 767px) {
// ensure smooth scrolling on iOS devices
.smooth-scroll {
-webkit-overflow-scrolling: touch;
}
}