Spaces:
Sleeping
Sleeping
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
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:
|
|
|
|
| 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 |
'''
|