92 lines
2.1 KiB
SCSS
92 lines
2.1 KiB
SCSS
$scroller-height: 3em;
|
|
.scroll-container {
|
|
// overflow-y: auto;
|
|
max-height: 60vh;
|
|
overflow-y: scroll;
|
|
padding-left: .2em;
|
|
padding-right: 1em;
|
|
// padding-top: $scroller-height;
|
|
// padding-bottom: $scroller-height;
|
|
}
|
|
|
|
// #style-6::-webkit-scrollbar-track
|
|
// {
|
|
// -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
// background-color: #F5F5F5;
|
|
// }
|
|
|
|
// #style-6::-webkit-scrollbar
|
|
// {
|
|
// width: 6px;
|
|
// background-color: #F5F5F5;
|
|
// }
|
|
|
|
// #style-6::-webkit-scrollbar-thumb
|
|
// {
|
|
// background-color: rgb(162, 163, 163);
|
|
// background-image: -webkit-linear-gradient(45deg,
|
|
// rgba(255, 255, 255, .2) 25%,
|
|
// transparent 25%,
|
|
// transparent 50%,
|
|
// rgba(255, 255, 255, .2) 50%,
|
|
// rgba(255, 255, 255, .2) 75%,
|
|
// transparent 75%,
|
|
// transparent)
|
|
// }
|
|
|
|
|
|
#tocentrytable::-webkit-scrollbar-track
|
|
{
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
border-radius: 10px;
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
#tocentrytable::-webkit-scrollbar
|
|
{
|
|
width: 4px;
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
#tocentrytable::-webkit-scrollbar-thumb
|
|
{
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
|
|
background-color: rgb(158, 158, 158);// #FFF;//$blue-color-light;// rgb(162, 163, 163);// #D62929;
|
|
}
|
|
|
|
|
|
#guide-steps{
|
|
color: #212121;
|
|
opacity: 0.6;
|
|
font-size: 1.6em;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.table-container{
|
|
position: relative;
|
|
}
|
|
.table-scroller{
|
|
// background-color: #5cf7f221;
|
|
position: absolute;
|
|
width: 95%;
|
|
height: $scroller-height;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
// z-index: -9999;
|
|
}
|
|
.top-scroller{
|
|
top: 1px;
|
|
background: rgb(255,255,255);
|
|
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(92,247,242,0.4542191876750701) 100%);
|
|
}
|
|
.bottom-scroller{
|
|
bottom: 1px;
|
|
background: rgb(255,255,255);
|
|
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(92,247,242,0.4542191876750701) 100%);
|
|
}
|
|
|
|
.opacity-0{
|
|
opacity: 0 !important;
|
|
} |