duncannah / better-twitter-redesign

A UserStyle for Twitter to make the redesign more bearable

better-twitter-redesign's Issues

Profile View

This isn't really an issue but can you add Extended Tweets?

Unable to change profile view width

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

Option to get rid of sidebar sports scores?

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.

Tweet button role attribute has changed

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%; }

Dependency Dashboard

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

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency node-sass to v7.0.3
• Update dependency node-sass to v9

Detected dependencies

npm

package.json

• node-sass 7.0.1

---

• Check this box to trigger a request for Renovate to run again on this repository

Allow sidebar to be bigger?

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.

Current

Proposal

[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%;
}

New Update, Search History Bar Too Wide

The search history bar is now wider than the screen, pushing the remove-history buttons off the screen making them unable to be pressed.