diff --git a/test-ticker.html b/test-ticker.html new file mode 100644 index 0000000000..1a2ebba7bc --- /dev/null +++ b/test-ticker.html @@ -0,0 +1,178 @@ + + + + + + Ticker Test + + + +
+
+ +
+ +
+ +
+
+ GOOSE AI AGENT ONLINE + ● + SYSTEM STATUS: OPERATIONAL + ● + EXTENSIONS LOADED: 12 + ● + MEMORY USAGE: 45% + ● + ACTIVE SESSIONS: 3 + ● + LAST SYNC: 2 MIN AGO + ● +
+
+ +
+
+ +
+

Ticker Test

+

This should show a Bloomberg-style ticker at the top.

+

The ticker should have:

+ +
+ + + + diff --git a/ui/desktop/src/components/NotificationTicker.tsx b/ui/desktop/src/components/NotificationTicker.tsx index 31e775e5f9..32c74efc80 100644 --- a/ui/desktop/src/components/NotificationTicker.tsx +++ b/ui/desktop/src/components/NotificationTicker.tsx @@ -129,9 +129,14 @@ export const NotificationTicker: React.FC = ({ 'image-rendering-pixelated', // Add some visual emphasis 'shadow-lg shadow-green-500/20', + // Ensure it's visible + 'min-h-[56px]', className )} - style={{ height: `${height}px` }} + style={{ + height: `${height}px`, + minHeight: `${height}px` + }} > {/* Scanlines effect for retro terminal look */}