TeaSpeak
/
TeaWeb
1
0
Fork 0
Code Issues 1 Pull Requests Activity

Fixed youtube button style

master
WolverinDEV 2021-03-23 16:09:43 +01:00
parent 0dd62df664
commit 0933690f59
2 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
shared/js/text/bbcode/YoutubeRenderer.scss
View File

@ -42,21 +42,15 @@
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%; width: 100%;
}
:global {
.ytp-large-play-button-bg {
fill: #212121; fill: #212121;
fill-opacity: .8; fill-opacity: .8;
-moz-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
} }
}
&:hover { &:hover {
:global(.ytp-large-play-button-bg) { svg {
fill: #f00; fill: #f00;
fill-opacity: 1; fill-opacity: 1;
} }

3
shared/js/text/bbcode/YoutubeRenderer.tsx
View File

@ -4,12 +4,11 @@ import {BBCodeHandlerContext, rendererReact, rendererText} from "tc-shared/text/
import {ElementRenderer} from "vendor/xbbcode/renderer/base"; import {ElementRenderer} from "vendor/xbbcode/renderer/base";
import {TagElement} from "vendor/xbbcode/elements"; import {TagElement} from "vendor/xbbcode/elements";
import {BBCodeRenderer} from "tc-shared/text/bbcode"; import {BBCodeRenderer} from "tc-shared/text/bbcode";
import {HTMLRenderer} from "tc-shared/ui/react-elements/HTMLRenderer";
import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
import {spawn_context_menu} from "tc-shared/ui/elements/ContextMenu"; import {spawn_context_menu} from "tc-shared/ui/elements/ContextMenu";
import {copyToClipboard} from "tc-shared/utils/helpers"; import {copyToClipboard} from "tc-shared/utils/helpers";
import {getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC"; import {getIpcInstance, IPCChannel} from "tc-shared/ipc/BrowserIPC";
import {useContext} from "react"; import {useContext} from "react";
import * as contextmenu from "tc-shared/ui/elements/ContextMenu";
import IconPlay from "./YoutubePlayButton.svg"; import IconPlay from "./YoutubePlayButton.svg";
const cssStyle = require("./YoutubeRenderer.scss"); const cssStyle = require("./YoutubeRenderer.scss");