Akis Giannoukos commited on
Commit
21cf285
·
1 Parent(s): ffa3a03

Refine microphone UI in demo interface by hiding the dropdown selector and unnecessary labels, enhancing user experience while maintaining functionality.

Browse files
Files changed (1) hide show
  1. app.py +4 -6
app.py CHANGED
@@ -606,12 +606,10 @@ def create_demo():
606
  0%, 100% { transform: scale(1.0); box-shadow: 0 20px 40px rgba(239,68,68,0.4), 0 0 0 0 rgba(239,68,68,0.5); }
607
  50% { transform: scale(1.05); box-shadow: 0 25px 50px rgba(239,68,68,0.5), 0 0 0 15px rgba(239,68,68,0.0); }
608
  }
609
- /* Hide all microphone UI chrome except the bubble itself */
610
- #voice-bubble .mic-dropdown,
611
- #voice-bubble select,
612
- #voice-bubble .source-selection,
613
- #voice-bubble button:not(.record-button) { display: none !important; }
614
- #voice-bubble .controls { display: none !important; }
615
  /* Hide TTS player UI but keep it in DOM for autoplay */
616
  #tts-player { width: 0 !important; height: 0 !important; opacity: 0 !important; position: absolute; pointer-events: none; }
617
  '''
 
606
  0%, 100% { transform: scale(1.0); box-shadow: 0 20px 40px rgba(239,68,68,0.4), 0 0 0 0 rgba(239,68,68,0.5); }
607
  50% { transform: scale(1.05); box-shadow: 0 25px 50px rgba(239,68,68,0.5), 0 0 0 15px rgba(239,68,68,0.0); }
608
  }
609
+ /* Hide microphone dropdown selector only */
610
+ #voice-bubble select { display: none !important; }
611
+ #voice-bubble .source-selection { display: none !important; }
612
+ #voice-bubble label[for] { display: none !important; }
 
 
613
  /* Hide TTS player UI but keep it in DOM for autoplay */
614
  #tts-player { width: 0 !important; height: 0 !important; opacity: 0 !important; position: absolute; pointer-events: none; }
615
  '''