Akis Giannoukos commited on
Commit
eb4e27d
·
1 Parent(s): 35d6f1d

Refine green circle interaction in demo interface by disabling pointer events and updating cursor styles, ensuring only the inner button is clickable.

Browse files
Files changed (1) hide show
  1. app.py +4 -1
app.py CHANGED
@@ -589,7 +589,8 @@ def create_demo():
589
  background: linear-gradient(135deg, #6ee7b7 0%, #34d399 100%);
590
  box-shadow: 0 20px 40px rgba(16,185,129,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;
591
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
592
- cursor: pointer;
 
593
  position: relative;
594
  }
595
  #voice-bubble:hover {
@@ -610,6 +611,8 @@ def create_demo():
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
  '''
 
589
  background: linear-gradient(135deg, #6ee7b7 0%, #34d399 100%);
590
  box-shadow: 0 20px 40px rgba(16,185,129,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;
591
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
592
+ cursor: default; /* green circle itself is not clickable */
593
+ pointer-events: none; /* ignore clicks on the green circle */
594
  position: relative;
595
  }
596
  #voice-bubble:hover {
 
611
  #voice-bubble select { display: none !important; }
612
  #voice-bubble .source-selection { display: none !important; }
613
  #voice-bubble label[for] { display: none !important; }
614
+ /* Make the inner button the only clickable target */
615
+ #voice-bubble button { pointer-events: auto; cursor: pointer; }
616
  /* Hide TTS player UI but keep it in DOM for autoplay */
617
  #tts-player { width: 0 !important; height: 0 !important; opacity: 0 !important; position: absolute; pointer-events: none; }
618
  '''