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

make ui menu accept maxWidth to avoid text truncation #858

Closed

Conversation

lokesh-sagi125
Copy link
Contributor

Description

override the max-width set by this component UiMenu. And for this, we will need to update our KDropdownMenu component to accept a new prop maxWidth that will then be passed to the UiMenu component.

Issue addressed

learningequality/kolibri#5557

Addresses learningequality/kolibri#5557

Changelog

@AlexVelezLl
Copy link
Member

Thanks for this @lokesh-sagi125! I can confirm that with this change, if we set the maxWidth="none" to the download button menu, all optionsn will now be visible!

image

Before merging. Can you please rebase your branch on top of the latest KDS develop? We recently updated the KDS nodejs version to v18 and vue to v2.7, and we need to do the rebase for the actions to run successfully :). There are also new linting rules, so after rebasing, please run yarn lint-fix again to comply with the new rules. Thanks!

@lokesh-sagi125
Copy link
Contributor Author

sorry about that will open a PR in an hour with the after rebasing my branch.

@lokesh-sagi125
Copy link
Contributor Author

just created a PR after rebasing #870

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.

2 participants