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. - Content can be partially revealed by hovering over the post, with tooltip showing the post text.
- Clicking it will open the Post page. - Clicking it will open the Post page.
- Long-pressing or right-clicking it will "peek" the post with a bottom sheet UI. - 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 ## Development

View file

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

View file

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

View file

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