Corrections to UI of youtube.com: trying to make it more compact like in good old times
< Compact Youtube layoutについてのフィードバック
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?
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.
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.
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 1if (settings.unbound_video_title)
styles += '#video-title{max-height:none!important;-webkit-line-clamp:none!important}';
Script 2VIDEO_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
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?