Merge dev: Fix mobile toolbar visibility

branding/head.html

@@ -1,4 +1,19 @@
-<!-- Force desktop viewport on mobile -->
-<meta name="viewport" content="width=1280, initial-scale=0.25, user-scalable=yes">
 <!-- Load custom CSS after Jitsi CSS -->
 <link rel="stylesheet" href="css/custom/custom.css">
+<style>
+/* Force toolbar visible on mobile - override auto-hide */
+.new-toolbox {
+    visibility: visible !important;
+    opacity: 1 !important;
+    pointer-events: auto !important;
+}
+.toolbox-content-mobile {
+    display: flex !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+.toolbox-content-items {
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+</style>

config/web/custom-config.js

@@ -97,3 +97,22 @@ config.disableDeepLinking = true;
 
 // Mobile-friendly: prefer VP8 (better hardware decode support on mobile)
 config.videoQuality.mobileCodecPreferenceOrder = ["VP8", "H264", "VP9", "AV1"];
+
+// Force toolbar to always be visible (don't auto-hide on mobile)
+config.toolbarConfig = {
+    autoHideWhileChatIsOpen: false,
+    alwaysVisible: true,
+    initialTimeout: 0,
+    timeout: 0
+};
+
+// Ensure all toolbar buttons are available on mobile
+config.toolbarButtons = [
+    'camera', 'chat', 'desktop', 'filmstrip', 'fullscreen',
+    'hangup', 'microphone', 'participants-pane', 'raisehand',
+    'settings', 'tileview', 'videoquality'
+];
+
+// Disable mobile-specific notifications that obscure controls
+config.notifications = [];
+config.disableModeratorIndicator = false;