to fix YouTube Shorts issues
/* ==UserStyle==
@name CSS Fix for YouTube Shorts
@namespace github.com/openstyles/stylus
@version 1.0.1
@description to fix YouTube Shorts issues
@author CY Fung
@license MIT
@preprocessor stylus
@var checkbox enable-shorts-channel-handle-to-name "Handle To Name" 1
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/shorts/") {
/* Insert code here... */
if enable-shorts-channel-handle-to-name {
userscript-control[enable-shorts-channel-handle-to-name] {
top: 0;
}
}
ytd-reel-player-header-renderer:not([is-expanded-overlay]) #channel-container.ytd-reel-player-header-renderer {
flex-wrap: wrap;
}
ytd-reel-player-header-renderer:not([is-expanded-overlay]) #channel-container.ytd-reel-player-header-renderer #channel-info.ytd-reel-player-header-renderer {
min-width: 172px;
}
ytd-reel-player-header-renderer:not([is-expanded-overlay]) #channel-container.ytd-reel-player-header-renderer #channel-info.ytd-reel-player-header-renderer #text-container a {
max-width: 248px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
ytd-reel-video-renderer[is-watch-while-mode] ytd-reel-player-header-renderer:not([is-expanded-overlay]) #channel-container.ytd-reel-player-header-renderer #channel-info.ytd-reel-player-header-renderer #text-container a {
max-width: 180px;
}
ytd-reel-player-header-renderer:not([is-expanded-overlay]) #channel-container.ytd-reel-player-header-renderer #subscribe-button.ytd-reel-player-header-renderer {
margin-left: auto;
}
}