janis/teamspeak-obs-overlay
1
0
Fork 0
mirror of https://github.com/DerTyp7/teamspeak-obs-overlay.git synced 2025-10-29 21:02:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

renamed css classes

Browse Source
This commit is contained in:
Janis
2022-10-28 21:55:21 +02:00
parent bfb3ef0f43
commit 77e7761d8f
2 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css
View File

@@ -1,26 +1,24 @@
* { * {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-weight: bold; font-weight: bold;
padding: 0;
margin: 0;
} }
#content div { #content div {
margin-top: 5px; margin-top: 5px;
} }
.content-img { .client-img-div {
float: left; float: left;
width: 100px; width: 100px;
} }
.content-img img { .client-img-div img {
display: block; display: block;
} }
.content-text { .client-text-div {
margin-left: 130px; margin-left: 130px;
} }
.content-text p { .client-text-div p {
display: inline; display: inline;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;

4
js/display_content.js
View File

@@ -5,7 +5,7 @@ function drawClients() {
if (thisClient) { if (thisClient) {
getClientsInChannel(thisClient.channel).forEach((c) => { getClientsInChannel(thisClient.channel).forEach((c) => {
result += `<div style="color:${CONFIG.style.fontColor}; font-size:${CONFIG.style.fontSize}">`; result += `<div style="color:${CONFIG.style.fontColor}; font-size:${CONFIG.style.fontSize}">`;
result += '<div class="content-img">'; result += '<div class="client-img-div">';
if (c.outputMuted) { if (c.outputMuted) {
result += ' <img src="img/muted_output.svg" />'; result += ' <img src="img/muted_output.svg" />';
} else if (c.inputMuted) { } else if (c.inputMuted) {
@@ -16,7 +16,7 @@ function drawClients() {
result += ' <img src="img/off.svg" />'; result += ' <img src="img/off.svg" />';
} }
result += "</div>"; result += "</div>";
result += `<div class="content-text" result += `<div class="client-text-div"
style="-webkit-text-stroke:${CONFIG.style.fontStrokeSize} ${CONFIG.style.fontStrokeColor}; style="-webkit-text-stroke:${CONFIG.style.fontStrokeSize} ${CONFIG.style.fontStrokeColor};
"><p style="background:${CONFIG.style.fontBackground};">${c.name}</p></div></div>`; "><p style="background:${CONFIG.style.fontBackground};">${c.name}</p></div></div>`;
}); });