Skip to content

revert new yt channel ui by balduserstyle

Write a review Install Get Stylus

Details

Authorbalduserstyle

Licenseballs

Categoryyoutube

Created

Updated

Size2.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

the ui broken when with outdated channel style. this make it work

Notes

must remove this line if using non-rounded design:
.page-header-view-model-wiz__page-header-title--page-header-title-large { margin-top: 24px !important; margin-bottom: 8px !important; color: var(--yt-spec-text-primary) !important; font-size: 2.4em !important; line-height: 1.4em !important; font-weight: 500 !important }

Source code

/* ==UserStyle==
@name           Revert new yt channel ui
@namespace      e
@version        1.0
@description    This userstyle reverts back to the compact version of the channel page UI prior to February 23rd, 2023. Restyled to work with newer yt ui
@author         rice
==/UserStyle== */

@-moz-document domain("youtube.com") {
.page-header-view-model-wiz__page-header-title--page-header-title-large {
    margin-top: -20px;
    font-size: 2.4em;
    line-height: 3rem;
    font-weight: 400;
}
    
.yt-spec-avatar-shape__button--button-giant {
    width: 80px;
    height: 80px;
}
    
yt-image-banner-view-model-wiz--inset {
    border-radius: 0px;
    verflow: hidden;
}
    
.yt-spec-avatar-shape--avatar-size-giant {
    width: 80px;
    height: 80px;
}
    
.yt-spec-avatar-shape__button--button-extra-extra-large {
    width: 80px;
    height: 80px;
}
    
.yt-spec-avatar-shape--avatar-size-extra-extra-large {
    width: 80px;
    height: 80px;
}
    
.yt-content-metadata-view-model-wiz__metadata-row--metadata-row-inline {
    display: block;
}
    
.yt-content-metadata-view-model-wiz__metadata-text:last-of-type {
    display: none;
}
    
yt-image-banner-view-model-wiz--inset {
    border-radius: 0px !important;
}
    
.yt-content-metadata-view-model-wiz__delimiter {
    display: none;
}

.page-header-view-model-wiz__page-header-description {
    margin-top: 6px;
}
    
.page-header-view-model-wiz__page-header-attribution {
    display: none;
}
    
    .page-header-view-model-wiz__page-header-flexible-actions--page-header-flexible-actions-margin {
    margin-bottom: 0px;
}
    
.page-header-view-model-wiz__page-header-flexible-actions {
    margin-top: -60px;
}
    
.yt-core-attributed-string__image-element--image-alignment-vertical-center {
    color: var(--yt-spec-text-secondary);
}
    
.yt-core-attributed-string--inline-block-mod {
    color: var(--yt-spec-text-secondary);
}
    
.yt-flexible-actions-view-model-wiz--inline {
    flex-direction: row-reverse;
}

.yt-image-banner-view-model-wiz {
    width: 112.8%;
    left: -82.8px;
}
    
.yt-image-banner-view-model-wiz--inset {
    border-radius: 0px; 
    height: 230px;
} 
}

Reviews

No reviews yet.