search

Itokoyamato / TokoVOIP_TS3

TokoVoip is a TeamSpeak plugin used along a FiveM script to add a custom proximity chat and radio system to FiveM
Other
140 stars 175 forks source link

Position of Voice Range/Talking State #166

Open xRiddiK opened 4 years ago

xRiddiK commented 4 years ago

Hey, its maybe an stupid question but how can i change the Postion of the TokoVOIP "UI" like from the top left to the top right or something?

thanks in advanced & have a nice day!

Bencey commented 4 years ago

You are able to modify the style of the UI in tokovoip_script/nui/index.html There is css located in this file, You can modify this in order to change how it looks. More specifically you edit top and left (I am currently not at home so I cannot tell you exactly which variable modifies the position)

.pluginScreen {
            display: block;
            position: absolute;
            background-image: radial-gradient(rgb(23, 23, 23), rgb(0, 0, 0));
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .pluginScreenWindow {
            background: rgba(0, 0, 0, 0.5);
            width: 350px;
            height: auto;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            top: 50%;
            transform: translateY(-51%);
            border-left: 2px solid #989898;
            padding: 20px;
            color: #eee;
            font-family: Tahoma, Geneva, sans-serif;
            font-size: 12px;
            text-shadow: 1px 1px #000000;
            font-weight: bold;
        }
xRiddiK commented 4 years ago

well makes sense, I could have figured it out myself.. :D thank you mate :)

Bencey commented 4 years ago

No worries, Is it all sorted now?