thavixt / twitch-lite

A lightweight Twitch stream viewing experience
https://thavixt.github.io/twitch-lite/
48 stars 6 forks source link

Remove Horizontal Scrollbar, or hide it? #2

Open Lulka117 opened 1 year ago

Lulka117 commented 1 year ago

Hello,

I love this lite twitch player that you have made.

Is there any possibility of removing or hiding the horizontal scrollbar?

And perhaps turning the white line that separates the video chat to the color black?

[https://gyazo.com/631c4e2d61d86bfea3a75975998e73ed]

I love my dark mode.

mrtysn commented 3 months ago

Hi,

I had a similar issue, and I've written a Tampermonkey script to inject custom CSS whenever I visit the website to fix it. In my version, I was only dealing with scrollbars, but I also liked your recolor of the 'drag' bar.

Here it is:

(function() {
    'use strict';

    var css = `
    html, body {
        overflow: hidden;
    }
    .Splitter>.drag {
        background-color: black;
    }
    `;
    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);
})();

I love this project. My Surface Pro 7 chugs if I try to load regular Twitch on my 2nd screen, yet I can use the lite version with no issues (including 7TV/BTTV emotes).

My very minor annoyance is having the minimum width for the left and right panels at 400px. I'd love to shrink the chat narrower than 400px. The constant is here.

@thavixt , If you are accepting PR's, I can quickly create one instead of these hacky fixes.

Cheers, Mert