chylex/Transparent-Twitch-Chat
1
0
Fork 0
mirror of https://github.com/chylex/Transparent-Twitch-Chat.git synced 2025-05-30 14:34:07 +02:00
Code

Add option to change video player position

Browse Source
This commit is contained in:
chylex 2020-04-06 00:06:37 +02:00
parent 1a5b930309
commit a190f2ae7c
1 changed files with 18 additions and 0 deletions

18
src/main.js
View File

@ -18,6 +18,7 @@ const settings = {
chatWidth: 350, chatWidth: 350,
chatFilters: "", chatFilters: "",
playerPosition: "center center",
grayTheme: false, grayTheme: false,
hideHeader: true, hideHeader: true,
@ -107,6 +108,12 @@ ${isFirefox ? `@#css{{
@#css{{ @#css{{
// general player styles
${isTheatre} .video-player video {
object-position: ${settings.playerPosition} !important;
}
// general chat styles // general chat styles
${rcolBlur} .channel-root__right-column${wa} { ${rcolBlur} .channel-root__right-column${wa} {
@ -793,6 +800,17 @@ function createSettingsModal(){
<p>General</p> <p>General</p>
${generateSlider("Chat Width", "chatWidth", { min: 250, max: 600, step: 25, wait: 500, 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", {
"top left": "Top Left",
"top center": "Top Center",
"top right": "Top Right",
"center left": "Center Left",
"center center": "Center",
"center right": "Center Right",
"bottom left": "Bottom Left",
"bottom center": "Bottom Center",
"bottom right": "Bottom Right"
})}
${generateToggle("Gray Theme", "grayTheme")} ${generateToggle("Gray Theme", "grayTheme")}
</div> </div>