brunolemos/simplified-twitter

Remove distractions from the new Twitter layout. Extension for Chrome, Firefox, Safari, Edge & More

Simplified Twitter

The new Twitter, without distractions

Download the extension for:

• Safari
• Firefox
• Edge
• Chrome
• Other Chromium browsers (Opera, Brave, etc)

Other links:

• Tweet
• Product Hunt

Why is this better than the alternatives?

1. They all make the same mistake: Mess with CSS and make some things worse. Some add shadows, some add distracting hover effects, some move buttons too far away from the center.

2. At the new twitter the class names are random and dynamic (e.g.: .css-1dbjc4n instead of .my-class-name). Extensions that depend on class names will break at any time.

This extension tricks Twitter to think the window is smaller, and Twitter adjusts everything by itself. We don't need to apply hacky styles, twitter is already responsive by default.

"I've tried a lot of similar extensions, and this one provides the best result."

"Literally 10/10"

Author

Follow me on Twitter: @brunolemos

simplified-twitter's Issues

Simplified for Twitter extension in Apple App Store (for macOS) cannot be downloaded

As of 2022-03-06, the extension cannot be downloaded with following error messages.

"Purchage of this item is not currently available.
This item is being modified. Please try again later."

Can you check this?

iOS 15 Safari Extension

This would be useful for those of us who browse Twitter via Safari on iPads.

[bug] birthday animation misalignment

not sure if this can be fixed the way the extension works, but anyway, just reporting it...

extension enabled vs disabled:

Mention Menu Too Narrow

See the screenshot below:

The highlighted element is being assigned a min-width and max-width that produce a mentions menu/popup that's too narrow to be useful.

Could this maybe handle twitter's new animated tweet updating?

I mostly use Twitter via my notifications. Twitter's done some new thing where the tweets update by zooming up and down for some reason. I could probably turn this off using Stylish, but if you wanted to tackle it, that would also be great.

Is this a copy/paste from https://github.com/thomaswangio/minimal-twitter?

Availability on Edge

Any plans on when to have the extension available on edge?

Remove "Profile" button from UI to prevent habitual checking of profile

I have a compulsive habit of checking my profile and, by extension, my tweets and likes. Is it possible to disappear one's profile button from the sidebar? A small elision, but it would do a lot for people like me. Thank you.

Please add hide media including hiding pics

This is a major must-have. Pics and images on Twitter are a major annoyance. We should have a way to toggle them off and on.

Issue with New Tabs in v1.5

It appears the fixes applied in v1.5 missed a possible cause, and it's still possible to get a stretched-out page.

Reproduction Steps:

1. Go to any tweet, timeline, list or other page on Twitter.
2. Middle click on a username or timestamp or other link within Twitter, to open it in a new tab.
3. Wait a second.
4. Click on that tab.

You'll find that the page has been stretched to completely fill the window, much like how the extension was faring shortly before v1.5 was released. Much like those cases, it can be fixed by either resizing the window or clicking onto another tab, then clicking back.

Example Screenshot

Hope this helps! Love the extension, it makes Twitter usable.

EDIT: I should probably mention that this was on the Chrome version of the extension.

Firefox

This extension currently edits window.innerWidth to trigger the responsive layout. The only way I got that to work on chrome was by injecting a <script> tag dynamically in the page. If I don’t inject and simply try to set window.innerWidth it doesn’t have any effect because it’s sandboxed. Same on firefox.

The problem is that the script injection is not working on Firefox: Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”).

I may need to change the approach.

Any suggestions?

PS: I’m editing window.innerWidth because the new twitter uses react-native-web and that’s how react-native-web gets the window size.

Scrolling the feed makes things wiggly

Disregard. Additional testing shows it's a Twitter/Firefox bug, not a Simplified Twitter bug.

Block indicator bubble for new Notifications

Hello & thanks for publishing this add-on :-)

Would it be possible to selectively block that little annoyance? Since notifications include retweets & likes, no active review is really necessary, so the indicator bubble (green, at the bell icon in the example below) could be counted as click-baiting.

The CSS selector and class IDs are randomized, unfortunately: div.r-b5skir:nth-child(2), but maybe the combination of the other div attributes can be used to block it?

Example

<div dir="auto" aria-label="8 unread items" aria-live="polite"
class="css-901oao r-1awozwy r-b5skir r-f6ebdl r-sdzlij r-1phboty r-rs99b7 r-1tjplnt r-jwli3a r-6koalj r-1q142lx r-1qd0xha r-1gkfh8e r-16dba41 r-50lct3 r-1777fci r-ad9z0x r-1b8eohn r-u8s1d r-kquydp r-1m4drjs r-3s2u2q r-qvutc0"
style="color: rgb(23, 191, 99);">
8
</div>

X/Twitter does not shrink anymore

As of 21st Nov, the webpage does not shrink to 800px as the extension intended. Both Firefox/Chrome does same behaviour, so I think it's due to server-side change.
Not sure you still maintaing it, but worth the shot in either way.

Safari

It would be nice to be able to adjust the width

Now it's a bit narrow

Hide the view count

Perhaps optionally as setting, I personally find it distracting.

This one that says 1,017 together with the icon.

Perhaps optionally as setting as I can imagine some would still want to see it.

Thank you.

Package invalid error in Brave

Package is invalid: CRX_REQUIRED_PROOF_MISSING on Brave Version 0.66.101 Chromium: 75.0.3770.142 (Official Build) (64-bit)

OS: MacOS Mojave 10.14.5 (18F132)