HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Replace 'Show More' bg fade w/ mask

Browse source
This commit is contained in:
Freeplay 2023-01-12 14:22:50 -05:00
parent a74a7a8606
commit 1c60269359
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/client/src/components/MkNote.vue
View file

@ -514,7 +514,11 @@ function readPromo() {
position: relative; position: relative;
max-height: 9em; max-height: 9em;
overflow: hidden; overflow: hidden;
> .text {
max-height: 9em;
mask: linear-gradient(black calc(100% - 64px), transparent);
-webkit-mask: linear-gradient(black calc(100% - 64px), transparent);
}
> .fade { > .fade {
display: block; display: block;
position: absolute; position: absolute;
@ -522,7 +526,6 @@ function readPromo() {
left: 0; left: 0;
width: 100%; width: 100%;
height: 64px; height: 64px;
background: linear-gradient(0deg, var(--panel), var(--X15));
> span { > span {
display: inline-block; display: inline-block;