Change some designs in Tabview Youtube
От
/* ==UserStyle==
@name Tabview Youtube Design Customization
@version 0.1.2
@namespace github.com/cyfung1031
@license MIT
@description Change some designs in Tabview Youtube
@author CY Fung
@supportURL https://github.com/cyfung1031/Tabview-Youtube/
@preprocessor stylus
@var checkbox no-rounded-button "No Rounded Button" 0
@var checkbox no-tab-btn-text "No Tab Button Text" 0
@var checkbox round-tab-container "Round Tab Container" 0
@var checkbox round-live-chat-frame "Round Live Chat Frame" 0
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch?v=") {
if no-rounded-button {
html .yt-spec-button-shape-next--size-m,
html .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start,
html .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end {
border-radius:0;
}
}
if no-tab-btn-text {
.tab-btn[tyt-tab-content="#tab-info"] span,
.tab-btn[tyt-tab-content="#tab-videos"] span,
.tab-btn[tyt-tab-content="#tab-playlist"] span {
display: none;
}
}
if round-tab-container {
html body ytd-watch-flexy[class] #right-tabs {
border-radius: 28px;
contain: paint;
}
}
if round-live-chat-frame {
ytd-live-chat-frame#chat.ytd-watch-flexy{
border-radius: 16px;
}
}
}