Skip to content

improve listen button#4608

Merged
ComputelessComputer merged 3 commits intomainfrom
c-branch-15
Mar 16, 2026
Merged

improve listen button#4608
ComputelessComputer merged 3 commits intomainfrom
c-branch-15

Conversation

@ComputelessComputer
Copy link
Collaborator

@ComputelessComputer ComputelessComputer commented Mar 16, 2026

• Consolidate listening controls into header button, removing in-note active listening indicator
• Keep meeting button visible during recording with live bars and stop/finalizing states
• Move resume listening action to left of metadata chip in note header
• Improve visual design with distinct recording state styling and red color scheme
• Add hover-to-stop behavior and fixed width for header listening pill
• Update warning tooltip to avoid UI conflicts during active sessions


This is part 1 of 2 in a stack made with GitButler:

- Remove the in-note active listening indicator and keep only the in-note resume action
- Keep the top-right meeting button visible while recording and show live bars plus stop/finalizing states there
- Move the resume listening action to the left of the metadata chip in the note header
- Remove the in-note active listening indicator and keep only the in-note resume action
- Keep the top-right meeting button visible while recording and show larger live bars plus hover-to-stop behavior there
- Hold the header listening pill at a fixed width across idle, live, and finalizing states
- Move the resume listening action to the left of the metadata chip in the note header
Replace Tailwind class shorthand with explicit width value and redesign button appearance with distinct recording state styling. Add red color scheme for active recording state with improved hover effects. Increase button height and adjust padding for better visual balance. Update warning tooltip to only show when not recording to avoid UI conflicts during active sessions.
@netlify
Copy link

netlify bot commented Mar 16, 2026

Deploy Preview for hyprnote-storybook canceled.

Name Link
🔨 Latest commit fd956ee
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote-storybook/deploys/69b7e2a255e95900085a9f40

@netlify
Copy link

netlify bot commented Mar 16, 2026

Deploy Preview for hyprnote canceled.

Name Link
🔨 Latest commit fd956ee
🔍 Latest deploy log https://app.netlify.com/projects/hyprnote/deploys/69b7e2a2c0cef200091cfb16

@ComputelessComputer ComputelessComputer merged commit 80c7ae8 into main Mar 16, 2026
11 of 13 checks passed
@ComputelessComputer ComputelessComputer deleted the c-branch-15 branch March 16, 2026 11:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant