primevue-mirror/components/lib/theme/aura/scrollpanel/index.js

68 lines
1.3 KiB
JavaScript
Raw Normal View History

2024-02-10 09:44:33 +00:00
export default {
css: `
.p-scrollpanel-wrapper {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
float: left;
}
.p-scrollpanel-content {
height: calc(100% + 18px);
width: calc(100% + 18px);
padding: 0 18px 18px 0;
position: relative;
overflow: auto;
box-sizing: border-box;
scrollbar-width: none;
}
.p-scrollpanel-content::-webkit-scrollbar {
display: none;
}
.p-scrollpanel-bar {
position: relative;
border-radius: 3px;
z-index: 2;
cursor: pointer;
opacity: 0;
outline-color: transparent;
transition: outline-color var(--p-transition-duration);
background: var(--p-dark-surface-800, var(--p-surface-100));
border: 0 none;
transition: outline-color var(--p-transition-duration), opacity var(--p-transition-duration);
}
.p-scrollpanel-bar:focus-visible {
outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
outline-offset: var(--p-focus-ring-offset);
}
.p-scrollpanel-bar-y {
width: 9px;
top: 0;
}
.p-scrollpanel-bar-x {
height: 9px;
bottom: 0;
}
.p-scrollpanel-hidden {
visibility: hidden;
}
.p-scrollpanel:hover .p-scrollpanel-bar,
.p-scrollpanel:active .p-scrollpanel-bar {
opacity: 1;
}
.p-scrollpanel-grabbed {
user-select: none;
}
`
};