lbry-desktop/ui/scss/component/_expandable.scss
infinite-persistence 78d0ff9793
Adjust comment fade-out height
## Issue
6944 Comment expansion sometimes doesn't reveal extra text (already showing everything)

## Fix
Reconcile some constants between JS and CSS.
2021-09-27 11:01:44 +08:00

17 lines
375 B
SCSS

$COLLAPSED_HEIGHT: 120px;
.expandable--closed,
.expandable--open {
margin-bottom: var(--spacing-s);
}
.expandable--closed {
max-height: $COLLAPSED_HEIGHT * 3 / 4;
overflow-y: hidden;
position: relative;
-webkit-mask-image: -webkit-gradient(linear, left 30%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
}
.expandable--open {
max-height: 100%;
}