Hide What’s happening
, Who to follow
, Subscribe to Premium
and more on the Twitter sidebar.
- Open Terminal and type,
git clone https://github.com/susumuota/hide-twitter-trends.git
- Open Chrome's extensions setting page
chrome://extensions
. - Turn
Developer mode
on. - Click
Load unpacked
. - Specify the folder
/path/to/hide-twitter-trends
.
Specify selector
and style
in content.js. display: none
hides the element completely and changes the layout. visibility: hidden
makes it invisible but still keeps the layout. opacity: 0.1
just makes it transparent (e.g. links are still clickable).
const patterns = [
{ selector: 'div:has(> div > div > div > form[aria-label="Search"])', style: 'opacity: 0.8' },
{ selector: 'div:has(> div > aside[aria-label="Subscribe to Premium"])', style: 'display: none' },
{ selector: 'div:has(> section > div[aria-label="Timeline: Trending now"])', style: 'display: none' },
{ selector: 'div:has(> div > aside[aria-label="Who to follow"])', style: 'display: none' },
{ selector: 'div:has(> nav[aria-label="Footer"])', style: 'opacity: 0.1' },
{ selector: 'div:has(> div[data-testid="DMDrawer"])', style: 'display: none' },
{ selector: 'div:has(> div[data-testid="GrokDrawer"])', style: 'display: none' },
];
MIT License. See LICENSE for details.
Susumu OTA