62 lines
1.2 KiB
SCSS
62 lines
1.2 KiB
SCSS
$scroller-height: 3em;
|
|
.scroll-container {
|
|
max-height: 60vh;
|
|
overflow-y: scroll;
|
|
padding-left: .2em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
#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);
|
|
}
|
|
|
|
|
|
#guide-steps{
|
|
color: #212121;
|
|
opacity: 0.6;
|
|
font-size: 1.6em;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.table-container{
|
|
position: relative;
|
|
}
|
|
.table-scroller{
|
|
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;
|
|
} |