LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Adjust comment fade-out height

Browse source 
## Issue
6944 Comment expansion sometimes doesn't reveal extra text (already showing everything)

## Fix
Reconcile some constants between JS and CSS.
This commit is contained in:
infinite-persistence 2021-09-27 11:00:49 +08:00
parent 3c0750a2a0
commit 78d0ff9793
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/scss/component/_expandable.scss
View file

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