duncannah / better-twitter-redesign Goto Github PK
View Code? Open in Web Editor NEWA UserStyle for Twitter to make the redesign more bearable
License: GNU Affero General Public License v3.0
A UserStyle for Twitter to make the redesign more bearable
License: GNU Affero General Public License v3.0
This isn't really an issue but can you add Extended Tweets?
First and most important, thank you. This singlehandedly made twitter usable again.
Since i use my twitter browser on a 1440p display in fullscreen I felt that the main feed was too short widthwise. I figured how to fix that, but the profile feed I haven't been able to make the same max size. The images show the comparison. I'm no CSS wizard, but i've inspected the profile area and all I could tell is that there's a hardline style command in there with
.r-1ye8kvj { max-width: 600px; }
And that's the last my brainpower can handle.
Here's a profile page
https://i.imgur.com/4dakHpu.png
and the regular feed i resized
https://i.imgur.com/CAcnLX3.jpg
Twitter has started to add live updates for sports games (I've only seen UK Football matches so far) to the "What's Happening" section of the sidebar.
I don't care for sports at all, so I'd prefer not to see that section. I don't see any option in Twitter's own settings to remove it, so it would be nice if the userstyle had an option to show or hide the sports updates.
The tweet button went from role="button"
to role="link"
recently.
New working CSS:
/* shrink the tweet button */
a[href='/compose/tweet'][role='link'] {
width: 45px;
min-width: 0;
height: 45px;
min-height: 0;
padding: 0; }
a[href='/compose/tweet'][role='link'] span {
font-size: 90%; }
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
Warning
These dependencies are deprecated:
Datasource | Name | Replacement PR? |
---|---|---|
npm | node-sass |
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
package.json
node-sass 7.0.1
On my ginormously widescreen monitor, there's a lot of wasted space that I think could be filled nicely with the sidebar, allowing it to fill up to 25% of the screen width.
[data-testid="sidebarColumn"] {
min-width: 300px;
max-width: 100%;
flex-grow: 1;
width: 25%;
}
[data-testid="sidebarColumn"] > div:first-child > div:last-child {
width: 100%;
}
The search history bar is now wider than the screen, pushing the remove-history buttons off the screen making them unable to be pressed.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.