chylex/Transparent-Twitch-Chat
1
0
Fork 0
mirror of https://github.com/chylex/Transparent-Twitch-Chat.git synced 2024-10-18 10:42:47 +02:00
Code

Compare commits

base: chylex:8883c3cc03ff53fb85a292f908681b78597c6b1f
Branches Tags
chylex:master
..
compare: chylex:f3d88aaf0644e14b9ffbe21ccf05e1ab17a6f92e
Branches Tags
chylex:master

No commits in common. "8883c3cc03ff53fb85a292f908681b78597c6b1f" and "f3d88aaf0644e14b9ffbe21ccf05e1ab17a6f92e" have entirely different histories.
8883c3cc03 ... f3d88aaf06

1 changed files with 13 additions and 8 deletions
Show Stats Expand all files Collapse all files

21
src/main.js
View File

@ -162,9 +162,14 @@ ${rcol} .video-chat__sync-button {
} }
${settings.hideTimestamps ? `@#css{{ ${settings.hideTimestamps ? `@#css{{
${rcol} .vod-message__header div[class*="ScAttachedTooltipWrapper-"] { ${rcol} .vod-message--timestamp .tw-tooltip-wrapper,
${rcol} .vod-message div[data-test-selector="message-timestamp"] {
display: none !important; display: none !important;
} }
${rcol} .vod-message--timestamp {
padding-left: 0.5rem;
}
@#css}}` : ``} @#css}}` : ``}
${settings.hideHeader ? `@#css{{ ${settings.hideHeader ? `@#css{{
@ -580,9 +585,9 @@ function generateSettingsCSS(){
#chylex-ttc-settings-modal output { #chylex-ttc-settings-modal output {
color: @#hex(fffc); color: @#hex(fffc);
display: inline-block; display: inline-block;
flex: 0 0 auto; flex: 1 1 42px;
padding-left: 5px; padding-left: 6px;
text-align: right; text-align: left;
} }
#chylex-ttc-settings-modal .tw-toggle__button { #chylex-ttc-settings-modal .tw-toggle__button {
@ -804,7 +809,7 @@ function createSettingsModal(){
return generateOptionBase(title, ` return generateOptionBase(title, `
<input id="ttc-opt-${option}" type="range" min="${cfg.min}" max="${cfg.max}" step="${cfg.step}" value="${settings[option]}"> <input id="ttc-opt-${option}" type="range" min="${cfg.min}" max="${cfg.max}" step="${cfg.step}" value="${settings[option]}">
<output id="ttc-optval-${option}" for="ttc-opt-${option}" style="min-width:${cfg.width}px;">${settings[option]}${cfg.text}</option> <output id="ttc-optval-${option}" for="ttc-opt-${option}">${settings[option]}${cfg.text}</option>
`, { itemClasses: "ttc-setting-small-margin" }); `, { itemClasses: "ttc-setting-small-margin" });
}; };
@ -825,7 +830,7 @@ function createSettingsModal(){
<div class="ttc-flex-container"> <div class="ttc-flex-container">
<div style="flex: 0 0 25%"> <div style="flex: 0 0 25%">
<p>General</p> <p>General</p>
${generateSlider("Chat Width", "chatWidth", { min: 250, max: 800, step: 25, wait: 500, width: 48, text: "px" })} ${generateSlider("Chat Width", "chatWidth", { min: 250, max: 600, step: 25, wait: 500, text: "px" })}
${generateTxtbox("Chat Filters", "chatFilters", { wait: 500, placeholder: "Example: kappa, *abc*" })} ${generateTxtbox("Chat Filters", "chatFilters", { wait: 500, placeholder: "Example: kappa, *abc*" })}
${generateSelect("Player Position", "playerPosition", { ${generateSelect("Player Position", "playerPosition", {
"#opposite-chat": "Opposite of Chat", "#opposite-chat": "Opposite of Chat",
@ -848,7 +853,7 @@ function createSettingsModal(){
${generateToggle("Transparent Chat", "transparentChat")} ${generateToggle("Transparent Chat", "transparentChat")}
${generateToggle("Smooth Text Shadow", "smoothTextShadow")} ${generateToggle("Smooth Text Shadow", "smoothTextShadow")}
${generateToggle("Chat on Left Side", "chatLeftSide")} ${generateToggle("Chat on Left Side", "chatLeftSide")}
${generateSlider("Background Opacity", "backgroundOpacity", { min: 0, max: 100, step: 5, wait: 100, width: 42, text: "%" })} ${generateSlider("Background Opacity", "backgroundOpacity", { min: 0, max: 100, step: 5, wait: 100, text: "%" })}
</div> </div>
<div style="flex: 0 0 16%"> <div style="flex: 0 0 16%">
@ -872,7 +877,7 @@ function createSettingsModal(){
${generateToggle("Hide Sub Gift Badge", "hideBadgeSubGift")} ${generateToggle("Hide Sub Gift Badge", "hideBadgeSubGift")}
${generateToggle("Hide Bit Cheer Badge", "hideBadgeBitCheer")} ${generateToggle("Hide Bit Cheer Badge", "hideBadgeBitCheer")}
${generateToggle("Hide Gift/Bit Leader Badge", "hideBadgeLeader")} ${generateToggle("Hide Gift/Bit Leader Badge", "hideBadgeLeader")}
${generateSlider("Badge Opacity", "badgeOpacity", { min: 0, max: 100, step: 5, wait: 100, width: 42, text: "%" })} ${generateSlider("Badge Opacity", "badgeOpacity", { min: 0, max: 100, step: 5, wait: 100, text: "%" })}
</div> </div>
</div> </div>
`; `;