epicenter
epicenter copied to clipboard
On mobile, hide some action items in ellipses menu.
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:
After:
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>.