From 055030845026c700ad4dd1132129adb315219e7b Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeff@jeffemmett.com>
Date: Thu, 12 Mar 2026 06:19:49 +0000
Subject: [PATCH] Fix toolbar CSS: force bottom:0 to prevent off-screen hiding
 on mobile

The .new-toolbox element was positioned at bottom:-96px by default and
only shown via .visible class on mouse activity. Mobile has no hover,
so toolbar was permanently hidden. Force bottom:0 with !important.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 branding/head.html | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/branding/head.html b/branding/head.html
index 3ca9474..169758e 100644
--- a/branding/head.html
+++ b/branding/head.html
@@ -1,19 +1,26 @@
 <!-- Load custom CSS after Jitsi CSS -->
 <link rel="stylesheet" href="css/custom/custom.css">
 <style>
-/* Force toolbar visible on mobile - override auto-hide */
+/* Force toolbar always visible on mobile and desktop */
 .new-toolbox {
-    visibility: visible !important;
+    bottom: 0 !important;
     opacity: 1 !important;
+    visibility: visible !important;
     pointer-events: auto !important;
+    transition: none !important;
 }
+.new-toolbox .toolbox-content-wrapper {
+    opacity: 1 !important;
+    visibility: visible !important;
+}
+.new-toolbox .toolbox-content-items {
+    opacity: 1 !important;
+    visibility: visible !important;
+}
+/* Ensure mobile toolbar shows */
 .toolbox-content-mobile {
     display: flex !important;
-    visibility: visible !important;
     opacity: 1 !important;
-}
-.toolbox-content-items {
     visibility: visible !important;
-    opacity: 1 !important;
 }
 </style>