YouTube UI Breakage

There was another side wide update and now the videos are mashed together with no titles and I already have a filter in place to revert to the prior UI and this makes it look awful. I wanted to report this to the uBlock team but due to circumstances I cannot reach out to them anymore as easily so I want to let someone know about this.

Broken Right Side UI

Could you try to clear the cookies/cache for youtube?

I just did and nothing happened to change it back and I closed and reopened the browser and nothing changed and it still looks weird. It seems like signing out fixes everything back to what it should be like which is bizarre to me. Idk what the heck’s going on here anymore.

Try logging into another account and see.

Sometimes, YouTube tries new things on certain accounts and maybe what they are testing on your account is not compatible with your Brave version.

I am having a similar issue. This is what it came up with on private browser. I cleared cookies/cache as well

Remove any custom rules in brave://adblock

3 Likes

Thanks for this. Had some custom filters enabled from a different help thread, removing them and keeping the Shield on fixed the problem. Cheers

Fixed the issue, thank you
ads are gone again

I have no other accounts other than this one now so I can’t do that. Logging out doesn’t cause this behavior at all actually and clearing the cookies & cache didn’t revert it.

I’ll provide a list of filters I’m currently using to see if there’s something wrong with them:
! Youtube New UI Fix
youtube.com###related #thumbnail.ytd-rich-grid-media:style(margin-right: 8px!important;height: 94px!important;width: 168px!important;min-width: 168px!important;)
youtube.com###related #avatar-link.ytd-rich-grid-media, #related #attached-survey.ytd-rich-grid-media, #related .ytd-rich-shelf-renderer .button-container.ytd-rich-shelf-renderer:style(display:none!important;)
youtube.com###related #dismissible.ytd-rich-grid-media:style(display:flex;flex-direction:row!important;)
youtube.com###related #details.ytd-rich-grid-media:style(width: 100%!important;min-width: 0!important;)
youtube.com###related #contents ytd-rich-item-renderer:style(margin:0!important;margin-top:8px!important;)
youtube.com###related ytd-rich-grid-row #contents.ytd-rich-grid-row,#related h3.ytd-rich-grid-media,#related ytd-rich-section-renderer #content,#related #rich-shelf-header.ytd-rich-shelf-renderer:style(margin:0!important;)
youtube.com###related ytd-rich-item-renderer.ytd-rich-grid-row,#content.ytd-rich-item-renderer:style(width:100%!important;)
youtube.com###related #video-title.ytd-rich-grid-media:style(font-size:1.4rem!important;)
youtube.com###related .ytd-channel-name a,#related #metadata-line.ytd-video-meta-block span:style(font-size:12px!important;)
youtube.com###related ytd-rich-grid-renderer #contents:style(padding-top:0px!important;)
youtube.com###related .ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer:style(width:130px!important;min-width: 130px!important;)
youtube.com###related #contents.ytd-rich-shelf-renderer:style(display: flex !important;flex-direction: row !important;gap: 8px !important;flex-wrap: nowrap!important;max-width: 400px!important;overflow-x: scroll!important;overflow-y: hidden!important;)
youtube.com###related .ytd-rich-shelf-renderer .yt-core-image:style(object-fit: cover!important;)
youtube.com###related ytd-rich-section-renderer #contents:style(margin-left:0!important)
youtube.com###related #contents ytd-rich-section-renderer ytd-rich-item-renderer:style(margin-top:0px!important;)
youtube.com###related .ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer[hidden=“”]:style(display:block!important;)
youtube.com###related #dismissible.ytd-rich-shelf-renderer:style(margin:0!important; border-color: transparent!important)
youtube.com###title yt-formatted-string.ytd-watch-metadata:style(font-size:20px!important; font-weight: 700!important; line-height:28px!important)
youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.kevlar_watch_grid, false)
youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.small_avatars_for_comments, false)
youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.kevlar_watch_comments_panel_button, false)
youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.web_rounded_thumbnails, false)
youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.web_watch_rounded_player_large, false)
youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.kevlar_watch_max_player_width, 1280)
youtube.com###primary-inner:style(max-height: calc(100vh - 56px) !important; overflow-y: auto !important; overflow-x: hidden;)

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.