From f1f41e5cacb6a79a6933c866f4f44a970f3ada1b Mon Sep 17 00:00:00 2001
From: Koala <6156589+Shik3i@users.noreply.github.com>
Date: Mon, 25 May 2026 23:19:23 +0200
Subject: [PATCH] fix(ui): apply tooltip to full label text for settings
---
extension/popup.html | 67 ++++++++++++++++++++++++++++++++++++++------
extension/popup.js | 10 +++++--
2 files changed, 66 insertions(+), 11 deletions(-)
diff --git a/extension/popup.html b/extension/popup.html
index 710560d..600a838 100644
--- a/extension/popup.html
+++ b/extension/popup.html
@@ -237,6 +237,45 @@
from { opacity: 1; }
to { opacity: 0; transform: translateY(-10px); }
}
+
+ /* Toggle Switch CSS */
+ .toggle-switch {
+ position: relative;
+ display: inline-block;
+ width: 36px;
+ height: 20px;
+ }
+ .toggle-switch input {
+ opacity: 0;
+ width: 0;
+ height: 0;
+ }
+ .slider {
+ position: absolute;
+ cursor: pointer;
+ top: 0; left: 0; right: 0; bottom: 0;
+ background-color: #334155;
+ transition: .3s;
+ border-radius: 20px;
+ }
+ .slider:before {
+ position: absolute;
+ content: "";
+ height: 14px;
+ width: 14px;
+ left: 3px;
+ bottom: 3px;
+ background-color: #94a3b8;
+ transition: .3s;
+ border-radius: 50%;
+ }
+ input:checked + .slider {
+ background-color: var(--accent);
+ }
+ input:checked + .slider:before {
+ transform: translateX(16px);
+ background-color: white;
+ }
@@ -379,23 +418,35 @@
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
diff --git a/extension/popup.js b/extension/popup.js
index 2414d75..4fa7cf5 100644
--- a/extension/popup.js
+++ b/extension/popup.js
@@ -155,9 +155,11 @@ function updateUI(roomId, password, useCustomServer = false, serverUrl = '') {
const inRoom = !!roomId;
toggleUIState(inRoom);
if (inRoom) {
- const serverFlag = useCustomServer ? '1' : '0';
- const encodedUrl = encodeURIComponent(serverUrl || '');
- const invite = `${OFFICIAL_LANDING_PAGE_URL}/join.html#join:${roomId}:${password}:${serverFlag}:${encodedUrl}`;
+ let invite = `${OFFICIAL_LANDING_PAGE_URL}/join.html#join:${roomId}:${password}`;
+ if (useCustomServer) {
+ const encodedUrl = encodeURIComponent(serverUrl || '');
+ invite += `:1:${encodedUrl}`;
+ }
elements.inviteLink.value = invite;
if (window.justCreatedRoom) {
@@ -1417,6 +1419,7 @@ let onboardingStep = 0;
function showOnboarding() {
const overlay = document.getElementById('onboarding-overlay');
if (!overlay) return;
+ document.body.style.minHeight = '400px';
overlay.style.display = 'flex';
renderOnboardingStep();
}
@@ -1464,6 +1467,7 @@ function renderOnboardingStep() {
function completeOnboarding() {
const overlay = document.getElementById('onboarding-overlay');
if (overlay) overlay.style.display = 'none';
+ document.body.style.minHeight = '';
chrome.storage.sync.set({ onboardingComplete: true });
const inRoom = elements.sectionActive && elements.sectionActive.style.display === 'block';