fe376c63f7
fix(SW-2847): move ScrollWrapper to design system and Table component * fix(SW-2847): move ScrollWrapper to design system and Table component Approved-by: Erik Tiekstra
34 lines
597 B
CSS
34 lines
597 B
CSS
.scrollWrapper {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.scrollWrapper::before,
|
|
.scrollWrapper::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
transition: opacity 0.2s ease;
|
|
opacity: 0;
|
|
width: 50px;
|
|
}
|
|
|
|
.scrollWrapper.leftShadow::before {
|
|
left: 0;
|
|
background: linear-gradient(to right, rgba(128, 110, 99, 0.37), transparent);
|
|
opacity: 1;
|
|
}
|
|
|
|
.scrollWrapper.rightShadow::after {
|
|
right: 0;
|
|
background: linear-gradient(to left, rgba(128, 110, 99, 0.37), transparent);
|
|
opacity: 1;
|
|
}
|
|
|
|
.content {
|
|
overflow-x: auto;
|
|
}
|