2024-03-16 00:45:14 +00:00
|
|
|
.ve-ui-expandableContent {
|
|
|
|
&-collapsible {
|
|
|
|
overflow: hidden;
|
|
|
|
position: relative;
|
|
|
|
margin: 0.4em 0 0.5em 0;
|
|
|
|
transition: height 200ms;
|
|
|
|
}
|
2021-04-22 16:59:30 +00:00
|
|
|
|
2024-03-16 00:45:14 +00:00
|
|
|
&-container {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
pointer-events: none; /* Allows clicking "through" the fade effect */
|
|
|
|
}
|
2021-06-26 13:27:52 +00:00
|
|
|
|
2024-03-16 00:45:14 +00:00
|
|
|
&-toggle {
|
|
|
|
background-color: #fff;
|
|
|
|
pointer-events: auto;
|
|
|
|
}
|
2021-06-26 13:27:52 +00:00
|
|
|
|
2024-03-16 00:45:14 +00:00
|
|
|
&-fade {
|
|
|
|
background: linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0, #fff 90% );
|
|
|
|
width: 50px;
|
|
|
|
height: 100%;
|
|
|
|
}
|
2021-06-26 13:27:52 +00:00
|
|
|
|
2024-03-16 00:45:14 +00:00
|
|
|
&-collapsible > :last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
2021-04-22 16:59:30 +00:00
|
|
|
}
|