Greasy Fork

Is this supposed to look like this, not just a 4 row but making it smaller in the middle?
If that is the case, what code should I modify to make it four rows without making it smaller?

This is at least what I want to look like, this from another script.

I have 6 videos in a row - I checked in Firefox and Chrome. There were 4 of them recently, when YT slightly changed html-code of the page. But I fixed it few days ago. Please check whether the script version is 1.0.11.

If you want to make thumbnails bigger, you should look for "width: 193px" text all over the script and change 193px to whatever you want.

I am currently using Firefox with the script version 1.0.11 using Violentmonkey on a laptop with a display resolution of 1366x768, if that is really necessary.
Thank you.

Is that why it looks weird with empty spaces on the side?

I tried changing all the "width: 193px" text with "250px" and it looks like this, and the empty spaces on the side become bigger.

To make empty spaces smaller you can change text "max-width: 80%" to 100%.

I suppose display resolution could play a major role. I will check it on a notebook.

I've analyzed the result on a notebook with the same resolution 1366x768. And I can say that I'm quite satisfied with the result. Yes, there are only 4 videos in a row, but it is okay for such a small screen.

I suppose I have to make some parameters customizable via settings. Like size of thumbnail and width of empty left and right fields.

With "max-width: 100%" and "width: 251px" is the max for 4 videos in a row.
Thank you, having settings for that will be great.

I still cannot implement settings for this script. For unknown reason it does not work. I will keep trying.

Good luck. Maybe put "how to change the size of thumbnail and width of empty left and right fields" on the front page.

After numerous experiments I have finally found the way how to fetch GM settings before injecting css-code to the target page. Please try the new version.

It works, thank you. I suggest adding text saying something like "reload the page to apply settings"

Good idea, thank you. I will add the relevant text to description.

Hey, I'm having an issue with other script that display a full title, it cut the title on home and subs page. Is there a way to fix that? Sorry for unrelated topic.

When the compact script active. It can affect channel on the videos and live page

I see. My script lefts only 2 lines of the title. What is the other script which displays a full title?

I'm comparing other scripts that display a full title and have the same issue. Looking at the code of both scripts, it appears to be slightly different.
I'm not sure if this will help, I'm just copying the code here, it was a huge script

Script 1
if (settings.unbound_video_title)
styles += '#video-title{max-height:none!important;-webkit-line-clamp:none!important}';

Script 2
VIDEO_TITLE_SELECTOR = [
'#video-title',
'a > [class*="media-item-headline"]',
]
.map(i => i + ':not(:empty)');
NOVA.css.push(
VIDEO_TITLE_SELECTOR.join(',') + `{
display: block !important;
max-height: unset !important;
}`);

This helped, thank you. I fixed the collision with the other scripts.

thank you