From a658eadc3b3c97031d21616121e3fd1927f0d778 Mon Sep 17 00:00:00 2001 From: Miroslav Pejic Date: Wed, 29 Apr 2026 02:28:48 +0200 Subject: [PATCH] [mirotalk] - feat: add slide-in animation when pinning chat and caption panels --- .env.template | 2 +- app/src/config.template.js | 2 +- app/src/server.js | 2 +- package-lock.json | 12 ++++++------ package.json | 4 ++-- public/css/client.css | 19 +++++++++++++++++++ public/js/brand.js | 2 +- public/js/client.js | 12 ++++++++++-- 8 files changed, 41 insertions(+), 14 deletions(-) diff --git a/.env.template b/.env.template index afe4b457..112efd80 100644 --- a/.env.template +++ b/.env.template @@ -1,5 +1,5 @@ # ==================================================== -# MiroTalk P2P v.1.8.19 - Environment Configuration +# MiroTalk P2P v.1.8.20 - Environment Configuration # ==================================================== # App environment diff --git a/app/src/config.template.js b/app/src/config.template.js index 831d8134..df9c0108 100644 --- a/app/src/config.template.js +++ b/app/src/config.template.js @@ -2,7 +2,7 @@ /** * ============================================== - * MiroTalk P2P v.1.8.19 - Configuration File + * MiroTalk P2P v.1.8.20 - Configuration File * ============================================== * * This file is the central configuration source. diff --git a/app/src/server.js b/app/src/server.js index 88766b94..8a82c64e 100755 --- a/app/src/server.js +++ b/app/src/server.js @@ -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.8.19 + * @version 1.8.20 * */ diff --git a/package-lock.json b/package-lock.json index 46378b30..57430a8e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "mirotalk", - "version": "1.8.19", + "version": "1.8.20", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "mirotalk", - "version": "1.8.19", + "version": "1.8.20", "license": "AGPL-3.0", "dependencies": { "@mattermost/client": "11.6.0", @@ -30,7 +30,7 @@ "jsdom": "^29.1.0", "jsonwebtoken": "^9.0.3", "nodemailer": "^8.0.7", - "openai": "^6.34.0", + "openai": "^6.35.0", "qs": "^6.15.1", "socket.io": "^4.8.3", "swagger-ui-express": "^5.0.1", @@ -5063,9 +5063,9 @@ } }, "node_modules/openai": { - "version": "6.34.0", - "resolved": "https://registry.npmjs.org/openai/-/openai-6.34.0.tgz", - "integrity": "sha512-yEr2jdGf4tVFYG6ohmr3pF6VJuveP0EA/sS8TBx+4Eq5NT10alu5zg2dmxMXMgqpihRDQlFGpRt2XwsGj+Fyxw==", + "version": "6.35.0", + "resolved": "https://registry.npmjs.org/openai/-/openai-6.35.0.tgz", + "integrity": "sha512-L/skwIGnt5xQZHb0UfTu9uAUKbis3ehKypOuJKi20QvG7UStV6C8IC3myGYHcdiF4kms/bAvOJ9UqqNWqi8x/Q==", "license": "Apache-2.0", "bin": { "openai": "bin/cli" diff --git a/package.json b/package.json index 916d2467..334ff52b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mirotalk", - "version": "1.8.19", + "version": "1.8.20", "description": "A free WebRTC browser-based video call", "main": "server.js", "scripts": { @@ -65,7 +65,7 @@ "jsdom": "^29.1.0", "jsonwebtoken": "^9.0.3", "nodemailer": "^8.0.7", - "openai": "^6.34.0", + "openai": "^6.35.0", "qs": "^6.15.1", "socket.io": "^4.8.3", "swagger-ui-express": "^5.0.1", diff --git a/public/css/client.css b/public/css/client.css index 64a1f3a2..ab632ac2 100755 --- a/public/css/client.css +++ b/public/css/client.css @@ -4725,6 +4725,25 @@ body { } } +/*-------------------------------------------------------------- +# Slide-in from right — shared panel pin animation +--------------------------------------------------------------*/ +@keyframes slideInFromRight { + from { + transform: translateX(110vw); + opacity: 0; + } + to { + transform: translateX(0); + opacity: 1; + } +} + +.panel-slide-in { + animation: slideInFromRight 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important; + transition: none !important; /* suppress width/size transitions while slide is playing */ +} + /* z-index 6 theme custom picker diff --git a/public/js/brand.js b/public/js/brand.js index 496fff2d..10967840 100644 --- a/public/js/brand.js +++ b/public/js/brand.js @@ -109,7 +109,7 @@ let brand = { }, about: { imageUrl: '../images/mirotalk-logo.gif', - title: 'WebRTC P2P v1.8.19', + title: 'WebRTC P2P v1.8.20', html: `