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