Allow filters for posts in carousels

This commit is contained in:
Lim Chee Aun 2023-09-25 10:20:32 +08:00
parent d478dbddba
commit cb04659ab1
4 changed files with 8 additions and 1 deletions

View file

@ -93,7 +93,7 @@ Everything is designed and engineered following my taste and vision. This is a p
- Content can be partially revealed by hovering over the post, with tooltip showing the post text.
- Clicking it will open the Post page.
- Long-pressing or right-clicking it will "peek" the post with a bottom sheet UI.
- On boosts carousel, they are not partially hidden, but sorted to the end of the carousel.
- On boosts carousel, they are sorted to the end of the carousel.
## Development

View file

@ -788,6 +788,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
gap: 16px;
align-items: flex-start;
counter-reset: index;
min-height: 160px;
}
.status-carousel > ul > li {
scroll-snap-align: center;

View file

@ -211,6 +211,10 @@
display: flex;
gap: 8px;
align-items: center;
.status-carousel & {
padding: 16px 16px 16px 24px;
}
}
.status.filtered .status-filtered-info {
pointer-events: none;

View file

@ -385,6 +385,7 @@ function Timeline({
instance={instance}
size="s"
contentTextWeight
allowFilters={allowFilters}
/>
) : (
<Status
@ -392,6 +393,7 @@ function Timeline({
instance={instance}
size="s"
contentTextWeight
allowFilters={allowFilters}
/>
)}
</Link>