Skip to content

Update snackbar to use multiline overflow option#5730

Merged
marcellamaki merged 1 commit intolearningequality:hotfixesfrom
marcellamaki:fix-snackbar-overflow
Mar 3, 2026
Merged

Update snackbar to use multiline overflow option#5730
marcellamaki merged 1 commit intolearningequality:hotfixesfrom
marcellamaki:fix-snackbar-overflow

Conversation

@marcellamaki
Copy link
Member

Summary

In French and Portuguese, the "not relevant" recommendations snackbar string was too long to fit in it's container. We can use the Vuetify multi-lin prop for VSnackbar to manage this.

References

Fixes #5407

Reviewer guidance

I forced this in the code jankily so I didn't have to do the fully CA local setup to test this fix. I think cross checking the code with the documentation and then asking QA team to confirm is probably easier than dev manual QA on this PR, unless you already have local testing for search recommendations set up.

before:
Screenshot 2026-03-02 at 7 04 39 PM

after:
Screenshot 2026-03-02 at 6 59 39 PM

AI usage

I asked Claude the easiest way to fix this and I learned this prop existed! handy!

@marcellamaki marcellamaki merged commit 69b4792 into learningequality:hotfixes Mar 3, 2026
17 checks passed
@pcenov
Copy link
Member

pcenov commented Mar 13, 2026

Hi @marcellamaki just a note that now all snackbars are with the same height. Can this fix be applied only to multiline snackbar messages maybe?

all snackbars

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.

3 participants