vuestic-ui
Version:
Vue 3 UI Framework
26 lines • 677 B
CSS
.va-year-picker {
display: flex;
flex-direction: column;
overflow: auto;
grid-gap: var(--va-date-picker-cell-gap);
max-height: 100%;
position: relative;
scrollbar-color: var(--va-background-element) transparent;
scrollbar-width: thin;
transition: scrollbar-color 0.3s ease-in-out;
}
.va-year-picker::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.va-year-picker::-webkit-scrollbar-track {
box-shadow: none;
border-radius: 10px;
}
.va-year-picker::-webkit-scrollbar-thumb {
background: var(--va-background-element);
opacity: 0.3;
border-radius: 2px;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}