Greasy Fork is available in English.
Full WideScreen Chat
Sorry about that
"it does nothing but nudge the chat boxes over."
I have updated the script to widen the chat boxes, as well as the text and input box
"Additionally, it seems to run constantly every 100 milliseconds instead of modifying one set of general variables"
I don't really know how to fix that issue at the moment, but i'll look into it, for now i've modified it so that it runs every 500ms instead, it's not much of a difference, but i'm working on fixing that issue
Me again! Sorry for not replying sooner. I didn't get a notification.
Anyway, I'm happy to say that the script works now! However, it doesn't change the left margin at all. Luckily, with the help of ChatGPT, I've made a small addendum that should work fine!
const widthTransition = document.querySelector(".transition-width.w-7");
if (widthTransition) {
widthTransition.classList.replace("w-7", "w-0");
}
document.querySelectorAll(".ml-7").forEach((element) => {
element.classList.replace("ml-7", "ml-0");
});
This makes it so the left margin is pushed as far left as possible every 500 ms so long as the screen is big enough to feature these two elements. (So, widths above 1024 px.) It also allows the scroll-over window to still widen the left margin. This should above the "setTimeout" section.
Hope this helps!
Wish I could edit my initial comment now… It's weird to have a "Good" rating next to "Simply doesn't work"…
Simply doesn't work. Even when modified to adjust for the updated code, it does nothing but nudge the chat boxes over. Additionally, it seems to run constantly every 100 milliseconds instead of modifying one set of general variables. Very inefficient.