42 lines
948 B
CSS
42 lines
948 B
CSS
|
.p-scrollpanel-content-container {
|
||
|
|
@apply overflow-hidden w-full h-full relative z-10 float-left
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-scrollpanel-content {
|
||
|
|
@apply relative overflow-auto
|
||
|
|
h-[calc(100%+18px)] w-[calc(100%+18px)]
|
||
|
|
pt-0 ps-0 pr-[18px] pb-[18px] [scrollbar-width:none]
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-scrollpanel-content::-webkit-scrollbar {
|
||
|
|
@apply hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-scrollpanel-bar {
|
||
|
|
@apply relative rounded-sm z-20 cursor-pointer opacity-0
|
||
|
|
bg-surface-100 dark:bg-surface-800
|
||
|
|
transition-opacity duration-200 border-none
|
||
|
|
focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-scrollpanel-bar-y {
|
||
|
|
@apply w-[9px] top-0
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-scrollpanel-bar-x {
|
||
|
|
@apply h-[9px] bottom-0
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-scrollpanel-hidden {
|
||
|
|
@apply invisible
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-scrollpanel:hover .p-scrollpanel-bar,
|
||
|
|
.p-scrollpanel:active .p-scrollpanel-bar {
|
||
|
|
@apply opacity-100
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-scrollpanel-grabbed {
|
||
|
|
@apply select-none
|
||
|
|
}
|