Compact Youtube layout

Corrections to UI of youtube.com: trying to make it more compact like in good old times

< Compact Youtube layoutについてのフィードバック

レート:良 – スクリプトは良好に動作する

§
投稿日: 2024/08/10

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?

§
投稿日: 2024/08/10

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

max44作者
§
投稿日: 2024/08/10

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.

§
投稿日: 2024/08/10

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.

§
投稿日: 2024/08/10

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

§
投稿日: 2024/08/10

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

max44作者
§
投稿日: 2024/08/10

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.

max44作者
§
投稿日: 2024/08/10

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.

§
投稿日: 2024/08/10

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.

max44作者
§
投稿日: 2024/08/12

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

§
投稿日: 2024/08/23

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

max44作者
§
投稿日: 2024/08/24

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.

§
投稿日: 2024/08/25

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

max44作者
§
投稿日: 2024/08/25

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

§
投稿日: 2024/08/27
編集日: 2024/08/27

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.

§
投稿日: 2024/08/27
編集日: 2024/08/27

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

max44作者
§
投稿日: 2024/08/27

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

§
投稿日: 2024/08/27

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;
}`);

max44作者
§
投稿日: 2024/08/28

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

§
投稿日: 2024/08/28

thank you

返信を投稿

返信を投稿するにはログインしてください。