fix: relocate typing indicator into the input bubble
Move TypingIndicator from document flow (between MessageList and MessageInput) into MessageInput's outer wrapper using absolute bottom-full positioning. Fixes indicator being hidden behind the floating glass input bubble on desktop.
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
import React from 'react';
|
||||
import { MessageList } from '../chat/MessageList';
|
||||
import { MessageInput } from '../chat/MessageInput';
|
||||
import { TypingIndicator } from '../chat/TypingIndicator';
|
||||
import { useUIStore } from '../../stores/uiStore';
|
||||
|
||||
interface VoiceChatPanelProps {
|
||||
@@ -31,9 +30,6 @@ export function VoiceChatPanel({ channelId, channelName }: VoiceChatPanelProps)
|
||||
{/* Messages */}
|
||||
<MessageList channelId={channelId} />
|
||||
|
||||
{/* Typing indicator */}
|
||||
<TypingIndicator channelId={channelId} />
|
||||
|
||||
{/* Input */}
|
||||
<MessageInput channelId={channelId} channelName={channelName} />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user