code-charity / youtube

[top~1 open YouTube & Video web-extension] Enrich your experience & choice! 🧰100+clever features📌set&forget📌Longest-standing(yet rare&tough alone. Please help/join🧩us👨‍👩‍👧‍👧) ..⋮ {playback|content discovery|player|extra buttons|distractions|related videos|shorts|ads|quality|codec|full tab|full screen}
http://improvedtube.com
Other
3.29k stars 498 forks source link

Hide youtube logo/doodle from video page #2372

Closed AdamDee64 closed 2 weeks ago

AdamDee64 commented 2 weeks ago

PROBLEM: When I choose to hide the logo in the header, it only works on the menu pages and not the video pages, leaving the logo and the doodle visible. The doodle is often animated, brightly colored and distracting

SOLUTION:
I would like the logo/doodle removed from the video pages like it is from the menu pages

ALTERNATIVES: Hiding the header completely removes the search bar from the video page, but I often use the search bar to naviage so that's not an option

RELEVANCE / SCOPE: This appears to be an incomplete feature in the app and I am sure many would benefit from this as they don't want to see the logo and doodle while watching a video

"SIDE EFFECTS":
None that I can see, the logo will be hidden for those who choose that option and not hidden for those who don't

raszpl commented 2 weeks ago

https://github.com/code-charity/youtube/blob/fa7833b606263f71f124274861148876e301c04f/js%26css/extension/www.youtube.com/appearance/header/header.css#L151

doesnt work in Firefox because Google servers different HTML to FF :|

ff: <span class="yt-icon-shape yt-spec-icon-shape"><div style="width: 100%; height: 100%; display: block; fill: currentcolor;">...</div></span> chrome: <yt-icon-shape class="style-scope yt-icon"><icon-shape class="yt-spec-icon-shape"><div style="width: 100%; height: 100%; display: block; fill: currentcolor;">...</div></icon-shape></yt-icon-shape> needs html[it-header-hide-logo='true'] #logo-icon .yt-icon-shape

ImprovedTube commented 2 weeks ago

hi! and thanks @AdamDee64 what browser?

hi @raszpl, https://github.com/code-charity/youtube/issues/2223#issuecomment-2085336363 (these reports seemed related to the current Youtube Doodle. Still works for me in Firefox. )

raszpl commented 1 week ago

Looking at HTML current CSS logo rule also covers ytd-yoodle-renderer element, so #2223 is indeed fixed