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{{
${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;
}
${rcol} .vod-message--timestamp {
padding-left: 0.5rem;
}
@#css}}` : ``}
${settings.hideHeader ? `@#css{{
@ -580,9 +585,9 @@ function generateSettingsCSS(){
#chylex-ttc-settings-modal output {
color: @#hex(fffc);
display: inline-block;
flex: 0 0 auto;
padding-left: 5px;
text-align: right;
flex: 1 1 42px;
padding-left: 6px;
text-align: left;
}
#chylex-ttc-settings-modal .tw-toggle__button {
@ -804,7 +809,7 @@ function createSettingsModal(){
return generateOptionBase(title, `
<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" });
};
@ -825,7 +830,7 @@ function createSettingsModal(){
<div class="ttc-flex-container">
<div style="flex: 0 0 25%">
<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*" })}
${generateSelect("Player Position", "playerPosition", {
"#opposite-chat": "Opposite of Chat",
@ -848,7 +853,7 @@ function createSettingsModal(){
${generateToggle("Transparent Chat", "transparentChat")}
${generateToggle("Smooth Text Shadow", "smoothTextShadow")}
${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 style="flex: 0 0 16%">
@ -872,7 +877,7 @@ function createSettingsModal(){
${generateToggle("Hide Sub Gift Badge", "hideBadgeSubGift")}
${generateToggle("Hide Bit Cheer Badge", "hideBadgeBitCheer")}
${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>
`;