CSS Fix for YouTube Shorts のソースコード

CSS Fix for YouTube Shorts

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;
}
}