YouTube - Proper Description

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

Versione datata 09/05/2023. Vedi la nuova versione l'ultima versione.

Autore
q1k
Valutazione
0 0 0
Versione
1.6.3
Creato il
25/02/2022
Aggiornato il
09/05/2023
Dimensione
18,3 KB
Licenza
Non disponibile
Applica a

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. Also removes the "glowing" background and buttons background.

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.

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:

#meta ytd-video-secondary-info-renderer, 
#primary #meta .desc_toggles { border-color: rgba(0,0,0,0.125); padding-bottom: 0; border-bottom: none; }
[dark] #meta ytd-video-secondary-info-renderer, 
[dark] #primary #meta .desc_toggles { border-color: rgba(255,255,255,0.125); }

#meta ytd-expander.ytd-video-secondary-info-renderer, 
#meta ytd-expander.ytd-video-secondary-info-renderer > * { margin-left: 0; }
#meta .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); }
[dark] #meta .desc_toggles { background: linear-gradient(rgba(255,255,255,0.02), transparent); }
#meta .desc_toggles:hover { background: rgba(0,0,0,0.03); }
[dark] #meta .desc_toggles:hover { background: rgba(255,255,255,0.03); }
#meta .desc_toggles .desc_text { margin: 0; padding: 4px; }



Other scripts you may like: