epicenter icon indicating copy to clipboard operation
epicenter copied to clipboard

On mobile, hide some action items in ellipses menu.

Open Leftium opened this issue 3 months ago • 0 comments

This is an attempt to create more space for the textareas (and reduce visual clutter) on Recordings list rows (https://github.com/epicenter-so/epicenter/issues/632)

  • The ellipses menu only appears on mobile (sm + md Tailwind breakpoints)
  • On desktop, all the action icons still appear without ellipses menu.

Before:

image

After:

image

Things to consider:

  • The ellipses icon is already used by the action buttons to indicate a transcription or transformation is in progress
    • An alternate ellipses icon (like vertical ellipses or circled ellipses) could be used to differentiate.
    • The pending/error state of a transformation will be hidden inside the ellipses menu on mobile.
  • The edit button already disappeared on mobile, even before this PR.
    • The edit button was added to the ellipses menu, but does not appear.
    • This is because the <Modal.Trigger> is not rendered on mobile and there is no <Drawer.Trigger>.

Leftium avatar Aug 16 '25 06:08 Leftium