omnidevZero / YouTubeRedux

Browser extension that focuses on restoring old YouTube layout within Polymer design (modern layout).
174 stars 11 forks source link

(Bugs from the new update) Problems in the description #217

Open Thespikedballofdoom opened 10 months ago

Thespikedballofdoom commented 10 months ago

Description has the rounded highlighter that everything else has, which isn't awful on its own but it's rounded so I hate it. cap_23-10-2023_06 45 26PM_xx Games and the category thing append to the description even if it's not expanded cap_23-10-2023_06 14 14PM_xx And the description force-scrolls the page up to itself when it's closed which takes forever and makes it a painful transition to go from the description to reading comments. cap_23-10-2023_06 49 24PM_xx

Thanks for coming back and updating redux.

Thespikedballofdoom commented 10 months ago

Also for anyone wandering through here, this CSS should make the description look a lot better until omni fixes it:

/*ytd-watch-metadata alone should work but this avoids !important*/
#primary-inner ytd-watch-metadata, #secondary-redux-div{
/* box-shadow:none !important; */
padding-top:6px!important
}
/*raise title and by extension the rest of the video info up*/
#primary-inner ytd-watch-metadata #owner {
margin-top: 12px;
}
/*shape description like how it used to be*/
#description.ytd-watch-metadata{
border-radius:0;
border-top:10px solid #00000026;
/*background-color:#ff000008 !important;*/ /*activate to show description editing area*/ 
margin:3px -4px 0px -16px;
padding:0px 4px 0 15px
}
/*description line*/
#meta.ytd-watch-flexy paper-button#more, #meta.ytd-watch-flexy tp-yt-paper-button#more, #meta.ytd-watch-flexy paper-button#less, #meta.ytd-watch-flexy tp-yt-paper-button#less, tp-yt-paper-button#expand, tp-yt-paper-button#collapse {
width: 100%;
border-top: 1px solid #0000000d;
border-bottom:0 !important
}

/*make albums in description unrounded*/
.yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section {
border-radius:0
}
/*unround chapters*/
ytd-macro-markers-list-item-renderer{
border-radius:0
}

/*temporary hopefully*/
ytd-comments-header-renderer[modern-typography] .count-text.ytd-comments-header-renderer{
font-size: 1.8rem;
font-weight: 400

image