/* ==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;
}
}