YouTube - Proper Description

Watch page description below the video with proper open/close toggle, instead of a side bar.

Author
q1k
Daily installs
2
Total installs
8,969
Ratings
26 12 8
Version
2.1.9
Created
2022-02-25
Updated
2024-10-31
License
N/A
Applies to

YouTube changed the description box below the video on the watch page.
This script tries to revert to the old proper description style layout as well as the one without the side bar.

Note:
Install if your description has changed to the compact version or the 'show more' button opens in a side bar and you want to bring it back.
There is no need to install this if you still have the original behavior (Unless you want to be prepared).

I urge anyone that downloads this script to send feedback directly to Youtube telling them that the new layout is hard to use or w/e (think of something, be creative). You can even Tweet at them (@TeamYouTube). Maybe they won't go through with the terrible redesign.

Script doesn't do anything?
Turn on debug mode. Go to edit the script in your script manager,
in the top locate the variable debug_mode and change from false to true var debug_mode = true; then save and reload youtube.
Now open the console (F12) and share a screenshot of the logs. There should be messages like "[YTPD] - searching for elements", "[YTPD] - found: ytd-watch-metadata", etc, ending with "[YTPD] - done"

Additional:
In versions prior to 1.1.0 I had a wider description expander button (shown in screenshot 'after').
If you like it, you can install that as a new userstyle using Stylus extension,

here's the code:

#description, #description > * { margin-left: 0; }

ytd-watch-metadata .desc_toggles { width: 100%; border-top: 1px solid; border-radius: 0; text-align: center;
 cursor: pointer; margin-top: 1em; background: linear-gradient(rgba(0,0,0,0.02), transparent);}

ytd-watch-metadata, ytd-watch-metadata .desc_toggles { border-color: rgba(0,0,0,0.125); padding-bottom: 0; border-bottom: none; }
[dark] ytd-watch-metadata, [dark] ytd-watch-metadata .desc_toggles { border-color: rgba(255,255,255,0.125); /*var(--yt-spec-10-percent-layer); /*dark: rgba(255, 255, 255, 0.2), light: rgba(0, 0, 0, 0.1)*/ }

[dark] ytd-watch-metadata .desc_toggles { background: linear-gradient(rgba(255,255,255,0.02), transparent); }
ytd-watch-metadata .desc_toggles:hover { background: rgba(0,0,0,0.03); }
[dark] ytd-watch-metadata .desc_toggles:hover { background: rgba(255,255,255,0.03); }
ytd-watch-metadata .desc_toggles .desc_text { margin: 0; padding: 4px; }


Video glowing?
Turn off "ambient mode" in the player settings
ambient



Other scripts you may like: