Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Action kebabs for tables: open to the right rather than the left #3357

Open
3 tasks
zandercymatics opened this issue Jan 16, 2025 · 0 comments
Open
3 tasks
Labels
dev issue is for the dev team

Comments

@zandercymatics
Copy link
Contributor

zandercymatics commented Jan 16, 2025

Issue description

When clicking the action kebabs on our tables (such as domain request and member), their accordion content should be right aligned rather than left aligned.

Acceptance criteria

  • Our kebab style is adjusted such that they are right aligned rather than left aligned.
  • For the domain request table, the accordion content is not "cut off" due to overflow-x styles.
  • Edge cases like the kebab display under the last record on the table are accounted for, or the "expand" dropdown for the member table.

Additional context

While setting the content style to "right: auto" will work for the member table, it is worth noting that this is not the case for the domain request table. Due to differences in how overflow-x is defined, this will cause the content to get "cut off" as it expands into the table directly. This will need to be accounted for - see the linked slack thread for more context on this.

Current display:
Image

Desired display:
Image

See this thread for more context

Links to other issues

@zandercymatics zandercymatics added the dev issue is for the dev team label Jan 16, 2025
@zandercymatics zandercymatics moved this from 👶 New to ⚙ Dev Parking Lot in .gov Product Board Jan 16, 2025
@zandercymatics zandercymatics changed the title Table action kebabs: open to the right rather than the left Action kebabs for tables: open to the right rather than the left Jan 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dev issue is for the dev team
Projects
Status: ⚙ Dev Parking Lot
Development

No branches or pull requests

1 participant