aheh/mirotalk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[mirotalk] - move toggle participants button from chat footer to header with accent color

Browse Source
This commit is contained in:
Miroslav Pejic
2026-04-08 17:34:27 +02:00
parent 7f484e0a5a
commit ea9e0d514a
9 changed files with 31 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.template
+1 -1
View File
@@ -1,5 +1,5 @@
# ====================================================
# MiroTalk P2P v.1.7.95 - Environment Configuration
# MiroTalk P2P v.1.7.96 - Environment Configuration
# ====================================================
# App environment
app/src/config.template.js
+1 -1
View File
@@ -2,7 +2,7 @@
/**
* ==============================================
* MiroTalk P2P v.1.7.95 - Configuration File
* MiroTalk P2P v.1.7.96 - Configuration File
* ==============================================
*
* This file is the central configuration source.
app/src/server.js
+1 -1
View File
@@ -45,7 +45,7 @@ dependencies: {
* @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.7.95
* @version 1.7.96
*
*/
package-lock.json
Generated
+2 -2
View File
@@ -1,12 +1,12 @@
{
"name": "mirotalk",
"version": "1.7.95",
"version": "1.7.96",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mirotalk",
"version": "1.7.95",
"version": "1.7.96",
"license": "AGPL-3.0",
"dependencies": {
"@mattermost/client": "11.5.0",
package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "mirotalk",
"version": "1.7.95",
"version": "1.7.96",
"description": "A free WebRTC browser-based video call",
"main": "server.js",
"scripts": {
public/css/client.css
+20
View File
@@ -1432,6 +1432,26 @@ body {
transform: translateY(-1px);
}
/* Participants toggle button in header */
.msger-header-participants-btn {
background: rgba(0, 168, 255, 0.15) !important;
color: #00a8ff !important;
transition:
color 0.2s ease,
background 0.2s ease,
transform 0.15s ease;
}
.msger-header-participants-btn:hover {
color: #fff !important;
background: rgba(0, 168, 255, 0.35) !important;
transform: translateY(-1px);
}
.msger-header-participants-btn:active {
transform: scale(0.92);
}
#msgerMaxBtn,
#msgerMinBtn {
display: none;
public/js/brand.js
+1 -1
View File
@@ -107,7 +107,7 @@ let brand = {
},
about: {
imageUrl: '../images/mirotalk-logo.gif',
title: 'WebRTC P2P v1.7.95',
title: 'WebRTC P2P v1.7.96',
html: `
<button
id="support-button"
public/js/client.js
+3 -3
View File
@@ -15,7 +15,7 @@
* @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.7.95
* @version 1.7.96
*
*/
@@ -825,7 +825,7 @@ function setButtonsToolTip() {
setTippy(msgerEmojiBtn, 'Emoji', 'top');
setTippy(msgerMarkdownBtn, 'Markdown', 'top');
setTippy(msgerShareFileBtn, 'Share file', 'top');
setTippy(msgerCPBtn, 'Participants', 'top');
setTippy(msgerCPBtn, 'Participants', 'bottom');
setTippy(msgerCleanTextBtn, 'Clean', 'top');
setTippy(msgerPasteBtn, 'Paste', 'top');
setTippy(msgerSendBtn, 'Send', 'top');
@@ -14966,7 +14966,7 @@ function showAbout() {
Swal.fire({
background: swBg,
position: 'center',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.7.95',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.7.96',
imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
customClass: { image: 'img-about' },
html: `
public/views/client.html
+1 -1
View File
@@ -294,6 +294,7 @@ access to use this app.
</div>
</div>
<div class="msger-header-options">
<button id="msgerCPBtn" class="fas fa-users msger-header-participants-btn hidden"></button>
<button id="msgerTogglePin" class="fas fa-map-pin"></button>
<button id="msgerTheme" class="fas fa-ghost"></button>
<button id="msgerMaxBtn" class="fas fa-expand"></button>
@@ -471,7 +472,6 @@ access to use this app.
<button id="msgerMarkdownBtn" class="fab fa-markdown"></button>
<button id="msgerShareFileBtn" class="fas fa-paperclip"></button>
<button id="msgerVideoUrlBtn" class="fab fa-youtube"></button>
<button id="msgerCPBtn" class="fas fa-users"></button>
<button id="msgerCleanTextBtn" class="fas fa-trash"></button>
<button id="msgerPasteBtn" class="fas fa-paste"></button>
<button id="msgerSendBtn" class="fas fa-paper-plane"></button>