← Tous les exemples

Twitch : mode sans distraction

Masque la barre latérale, le chat, la recherche et les recommandations, ne laissant que le lecteur et les infos.

Code à copier

/* Distraction-free viewing: only the player and stream info remain */
.side-nav,
.channel-root__right-column,
div[data-test-selector="channel-layout-right-column"],
.top-nav__search-container,
section[aria-label="Recommended for you"],
.front-page-carousel {
  display: none !important;
}
.channel-root__player {
  width: 100% !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.