← Tous les exemples

Mastodon : minimiser les bannières de filtre

Réduit les bannières "Filtré" en une fine ligne discrète pour une timeline plus homogène.

Code à copier

/* 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;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.