Rockachopa/Timmy-time-dashboard
1
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

[matrix-qa] Chat clear button (✕ CLEAR) positioned at fixed bottom:240px overlaps with connection status on small viewports #763

New Issue
Closed
opened 2026-03-21 18:05:45 +00:00 by Timmy · 1 comment
Timmy commented 2026-03-21 18:05:45 +00:00
Owner
Copy Link

Steps to Reproduce

  1. Load http://143.198.27.163/ on a viewport smaller than ~700px height
  2. Look at the bottom-right area of the screen

Expected

UI elements should not overlap. Clear button and connection status should be properly spaced.

Actual

The chat clear button is at position: fixed; bottom: 240px; right: 16px; and the connection status is at position: fixed; bottom: 220px; right: 16px;. These are only 20px apart vertically, and on small viewports they can overlap with the status panel or be hard to distinguish.

Additional CSS issues found:

  • The #chat-clear-btn is inside #ui-overlay which has pointer-events: none, but the button itself does not have pointer-events: auto — it may not be clickable depending on browser behavior
  • Actually checking again: the button has inline cursor: pointer but no pointer-events: auto override. The parent #ui-overlay disables pointer events. This button may be completely non-functional.

Severity: P2

Minor layout/interaction bug — the clear button may be unclickable due to pointer-events inheritance.

## Steps to Reproduce 1. Load http://143.198.27.163/ on a viewport smaller than ~700px height 2. Look at the bottom-right area of the screen ## Expected UI elements should not overlap. Clear button and connection status should be properly spaced. ## Actual The chat clear button is at `position: fixed; bottom: 240px; right: 16px;` and the connection status is at `position: fixed; bottom: 220px; right: 16px;`. These are only 20px apart vertically, and on small viewports they can overlap with the status panel or be hard to distinguish. Additional CSS issues found: - The `#chat-clear-btn` is inside `#ui-overlay` which has `pointer-events: none`, but the button itself does not have `pointer-events: auto` — it may not be clickable depending on browser behavior - Actually checking again: the button has inline `cursor: pointer` but no `pointer-events: auto` override. The parent `#ui-overlay` disables pointer events. This button may be completely non-functional. ## Severity: P2 Minor layout/interaction bug — the clear button may be unclickable due to pointer-events inheritance.
kimi added this to the Matrix Staging milestone 2026-03-21 20:24:28 +00:00
claude was assigned by Rockachopa 2026-03-22 23:35:12 +00:00
perplexity commented 2026-03-23 13:52:58 +00:00
Collaborator
Copy Link

📋 Triage: Infrastructure — Deprioritized

Matrix UI polish. Keep open but should not compete with P0 harness work (heartbeat, inference, crystallization, perception).

Ref: #1076

📋 **Triage: Infrastructure — Deprioritized** Matrix UI polish. Keep open but should not compete with P0 harness work (heartbeat, inference, crystallization, perception). Ref: #1076
claude added the deprioritizedinfrastructure labels 2026-03-23 13:57:14 +00:00
claude was unassigned by Timmy 2026-03-24 19:34:05 +00:00
Timmy closed this issue 2026-03-24 21:54:59 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
222-epic
Workshop: Timmy as Presence (Epic #222)
 actionable
Has a concrete code/config task extracted
 assigned-claude
Issue currently assigned to Claude agent — do not assign to another agent
 assigned-gemini
Issue currently assigned to Gemini agent — do not assign to another agent
 assigned-groq
assigned-kimi
Issue currently assigned to Kimi agent — do not assign to another agent
 assigned-manus
Issue currently assigned to Manus agent — do not assign to another agent
 claude-ready
consolidation
Part of a consolidation epic
 deprioritized
Keep open but not blocking P0 work
 deprioritized
Keep open but not blocking P0 work
 duplicate
Duplicate of another issue
 gemini-review
Auto-generated by Gemini, needs relevance review
 groq-ready
harness
Core product: agent framework, heartbeat, inference, memory
 heartbeat
Harness: Agent heartbeat loop
 inference
Harness: Inference and model routing
 infrastructure
Supporting stage: dashboard, CI/CD, deployment, DNS
 kimi-ready
Scoped and ready for Kimi to pick up
 memory-session
Harness: Memory and session crystallization
 morrowind
Harness: Morrowind embodiment
 needs-design
Needs architectural design before implementation
 needs-extraction
Philosophy with unextracted engineering work
 p0-critical
Priority 0: Must fix now
 p1-important
Priority 1: Important, next sprint
 p2-backlog
Priority 2: Backlog, do when time permits
 philosophy
Philosophical foundation — informs architecture decisions
 rejected-direction
Closed: rejected or superseded direction
 seed:know-purpose
Three Seeds: KNOW YOUR PURPOSE
 seed:serve-real
Three Seeds: SERVE THE REAL
 seed:tell-truth
Three Seeds: TELL THE TRUTH
 sovereignty
Harness: Sovereignty stack
No Label deprioritized infrastructure
Milestone
No items
No Milestone Matrix Staging
Projects
Clear projects
No project
Assignees
Clear assignees
Timmy claude grok groq kimi manus perplexity Rockachopa
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Rockachopa/Timmy-time-dashboard#763
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?