Betterttv: Hide Offline Followed Channels

Created on 13 May 2020 · 26Comments · Source: night/betterttv

Hide Offline Followed Channels does not seem to be working after the new Twitch update.

If you manually hide them using the "show less" option, they reappear once more as soon as the page is reloaded. Attempted disabling/enabling the extension. Also tried restarting the browser. Confirmed BetterTTV is up to date.

Firefox v76.0.1

bug

Source

Thornton19

👍11

Most helpful comment

I also used uBlock to remove offline channels from the list. But since filter from post above didn't work for me (it doesn't work in collapsed mode and sometimes randomly shows icons for a second and then removes them again, same happens if I move mouse over showed icons and so on) i made a different filter.
www.twitch.tv##div.side-nav-card__avatar--offline:upward(2)
This works in both modes and haven't had any issues with it so far. It simply finds div tag with --offline class in it and remove it's grandparent

BeRightBaack on 9 Jun 2020

❤8

All 26 comments

I am also experiencing this issue on the latest version of Google Chrome.

escapepods on 13 May 2020

Already fixed and waiting to go live. https://github.com/night/betterttv/pull/3842

Darxide23 on 17 May 2020

No fix with Google Chrome (83.0.4103.61)

THEDARKK on 20 May 2020

Works fine for me. Chrome 83.0.4103.61

Darxide23 on 21 May 2020

I just wanted to update that I'm on Chrome Version 84.0.4147.13 (Official Build) dev (64-bit) for Windows and this is still not working for me.

SwimmingLink on 22 May 2020

Make sure you have the setting enabled properly? That's all I can suggest since I rushed to check it out as soon as I got notified of the update and it works perfectly.

Darxide23 on 22 May 2020

I guess stating that I also have "Auto Expand Followed Channels List" enabled might be the cause of it? Same setup I've had for a long time, but it only started being an issue after the recent Twitch update.

SwimmingLink on 22 May 2020

Yeah I'm still experiencing the issue when pairing it with the "Auto Expand Followed Channels List" option.

Confirmed that both settings are turned on in bttv settings. I've updated all addons and tried on the most recent versions of chrome and firefox.

Thornton19 on 22 May 2020

As an update: I had been using the old style of Twitch. Today, they forced the new layout on me apparently because I can't get the old style back and now I'm again seeing offline channels listed. So there is also probably part of the discrepancy here.

EDIT: Can now comfirm. I am able to switch back to the old layout and offline channels are hidden. On the new layout, they are not.

Darxide23 on 22 May 2020

Due to Twitch's redesign they stopped linking offline channels to direct videos. The result of this is that we are no longer able to simply hide offline channels, making the fix to this nontrivial.

night on 26 May 2020

😕2

Looks like for offline channels the channel icon has class "side-nav-card__avatar--offline" applied. Could it be used to detect which ones are offline and which ones aren't?

mpcallahan on 31 May 2020

Looks like for offline channels the channel icon has class "side-nav-card__avatar--offline" applied. Could it be used to detect which ones are offline and which ones aren't?

At that point, why not just add it to your AdBlock filter?

Darxide23 on 31 May 2020

Looks like for offline channels the channel icon has class "side-nav-card__avatar--offline" applied. Could it be used to detect which ones are offline and which ones aren't?

At that point, why not just add it to your AdBlock filter?

That would just hide the streamer's icon from appearing. The issue is that a child-div contains the offline selector, not the parent. The parent selector is identical to the online channels now. Hiding that selector would just remove the icon, but the parent div containing their name and online status would remain.

escapepods on 2 Jun 2020

That would just hide the streamer's icon from appearing. The issue is that a child-div contains the offline selector, not the parent. The parent selector is identical to the online channels now. Hiding that selector would just remove the icon, but the parent div containing their name and online status would remain.

You can still make a filter for that. You can setup filters that follow "If div contains [element] then hide parent" logic so if the child div has "--offline" you hide the parent div and the whole container goes away.

Darxide23 on 2 Jun 2020

👍1

Ah, good to know! Thanks for that. I'll use AdBlock instead.

Edit: I managed this in uBlock Origin by adding a custom filter and using www.twitch.tv##div:has( > div > div > a > div > div > span:has-text(Offline))

escapepods on 2 Jun 2020

👍5

BeRightBaack on 9 Jun 2020

❤8

Thank you BeRightBaack

THEDARKK on 9 Jun 2020

❤1

Using Firefox, not Chrome and this is still a problem.
Clipboard01

TheLavian on 28 Jun 2020

just reinstalled chrome and BTTV and clicked the hide offline followed channels button a couple times, refreshed page and still not working

Please stop posting about this. If you could read above, this doesn't work on the new Twitch yet. Only the old layout. There's an adblock filter to hide the offline channels, too. You could save yourself a lot of time making useless posts if you just read up.

Darxide23 on 3 Jul 2020

👎1

Adding as I didn't see it mentioned. When I have the option off on chrome, the followed channel list doesn't appear at all. Sorry if this is already known.