Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: switch webkit to pseudoelement for fadeout (#19587)

This commit is contained in:
chapoi 2022-12-22 21:23:58 +01:00 committed by GitHub
parent 3c0a4b37d0
commit b756866334
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/assets/stylesheets/common/components/hashtag.scss
View File

@ -45,16 +45,27 @@ a.hashtag-cooked {
height: inherit; height: inherit;
max-height: inherit; max-height: inherit;
overflow-y: auto; overflow-y: auto;
-webkit-mask: linear-gradient(
180deg, &:after {
rgba(255, 255, 255, 1) calc(100% - 1.5em), content: "";
rgba(255, 255, 255, 0) 100% position: absolute;
); bottom: 0;
width: 100%;
height: 1.5em;
background: linear-gradient(
to bottom,
rgba(var(--secondary-rgb), 0),
rgba(var(--secondary-rgb), 100%)
);
}
} }
&__option { &__option {
&:last-of-type { &:last-of-type {
margin-bottom: 0.75em; //used to the fadeout doesn't overlap the last item .hashtag-autocomplete__link {
position: relative;
z-index: 1;
}
} }
} }