Mastodon: minimize filter banners
Shrinks the bold "Filtered" placeholder banners into a subtle line for a more consistent timeline.
Code to copy
/* Collapse the "Filtered" placeholder banner into a thin marker */
.status__wrapper--filtered,
.status__wrapper--filtered .status__filter-message,
.status__filter-message {
padding: 4px 12px !important;
font-size: 12px !important;
opacity: 0.5 !important;
background: transparent !important;
border-bottom: 1px dashed #cdd2e1 !important;
}
.status__wrapper--filtered button {
display: none !important;
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.