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

Truncated button text #4240

Closed
monsieurtanuki opened this issue Jun 27, 2023 · 27 comments · Fixed by #4677
Closed

Truncated button text #4240

monsieurtanuki opened this issue Jun 27, 2023 · 27 comments · Fixed by #4677
Assignees
Labels
🐛 bug Something isn't working ✏️ Editing - Packaging input Related to the structured input of food packaging. good first issue Good for newcomers 🎨 UI / UX

Comments

@monsieurtanuki
Copy link
Contributor

What

In edit_new_packagings.dart, we display a button via addPanelButton, that truncates the text.
The expected text is
"add_packaging_photo_button_label": "Prenez des photos de toute information sur l'emballage/le recyclage",
In that particular case, the screen is small and the text is long.
Screenshot_2023-06-27-16-45-56

@dipinsonwani
Copy link

Can I take this Issue?

@monsieurtanuki
Copy link
Contributor Author

@dipinsonwani Sure! Before any code, what do you plan to do? Bigger/different button, text displayed smaller?

@dipinsonwani
Copy link

Make the text smaller according to the screen

@monsieurtanuki
Copy link
Contributor Author

@dipinsonwani Please share screenshots before pushing the PR.

@dipinsonwani
Copy link

dipinsonwani commented Aug 4, 2023 via email

@M123-dev
Copy link
Member

M123-dev commented Sep 2, 2023

Any progress @dipinsonwani

@malik-vishu
Copy link
Contributor

malik-vishu commented Sep 28, 2023

@monsieurtanuki Can you assign this issue to me?

@monsieurtanuki
Copy link
Contributor Author

@malik-vishu Please share screenshots before pushing the PR.

@malik-vishu
Copy link
Contributor

@monsieurtanuki Thank You for assigning...

@malik-vishu
Copy link
Contributor

@monsieurtanuki I am unable to find this screen on app. How do I get this screen on app?

@monsieurtanuki
Copy link
Contributor Author

@malik-vishu Go to a product page, then click on the edit button, and go to the edit package item - I think there are 2 of them and I'm not sure which one it is: try both.

@malik-vishu
Copy link
Contributor

malik-vishu commented Sep 29, 2023

@monsieurtanuki When I click Edit Product this comes

Screenshot 2023-09-29 160126

Screenshot 2023-09-29 160211
Now which?
And sign in is compulsory?

@monsieurtanuki
Copy link
Contributor Author

@malik-vishu As I told you it's packaging related - probably "packaging components".
And yes, in order to edit data you're supposed to be l

@monsieurtanuki
Copy link
Contributor Author

Oops...
...you're supposed to be logged in.
Which shouldn't be a big problem anyway as you can test before actually modifying data.

@malik-vishu
Copy link
Contributor

@monsieurtanuki I don't see the problem
smooth_before

@monsieurtanuki
Copy link
Contributor Author

@monsieurtanuki I don't see the problem !

@malik-vishu Indeed there's no problem.
Unless you have a smaller screen and use a language where the translated string is longer.

@malik-vishu
Copy link
Contributor

@monsieurtanuki Oh ok I'll check get back to you.

@malik-vishu
Copy link
Contributor

@monsieurtanuki So this is on Pixel 2 emulator using French.

Before

smooth_before2_pixel2

@malik-vishu
Copy link
Contributor

@monsieurtanuki

Is it all right?

Before - Pixel 2

smooth_before2_pixel2

After - Pixel 2

smooth_after1_pixel2_french
smooth_after1_pixel2_english


Before - Pixel 6

smooth_before

After - Pixel 6

smooth_after2_pixel6_french
smooth_after2_pixel6_english

@monsieurtanuki
Copy link
Contributor Author

@malik-vishu Looks rather good!
My 2 cents:

  • please learn to display "tables" in md, it's much more effective to check the before/after difference if you have 2 screenshots side by side
  • could you test with a text artificially bigger, like 20 more characters?

@malik-vishu
Copy link
Contributor

@monsieurtanuki Definitely I was thinking the same😅.
I'll test and get back to you.

@malik-vishu
Copy link
Contributor

@monsieurtanuki
Added extra characters.
smooth_after2_pixel2_french

@monsieurtanuki
Copy link
Contributor Author

@malik-vishu Cool! You're ready for a PR I guess! In a specific branch, please.

@malik-vishu
Copy link
Contributor

@monsieurtanuki Yes I have created a branch.
Could you please add a Hacktoberfest label to this issue?

@teolemon
Copy link
Member

teolemon commented Sep 30, 2023

@malik-vishu the whole repository has a Hacktoberfest label, and this issue has good first issue, so it is eligible already :-)

Pull requests can be made in any [GitHub](https://github.com/topics/hacktoberfest) or [GitLab](https://go.gitlab.com/ubCLKL) hosted project that’s participating in Hacktoberfest (look for the “hacktoberfest” topic)

@teolemon teolemon added the ✏️ Editing - Packaging input Related to the structured input of food packaging. label Sep 30, 2023
@malik-vishu
Copy link
Contributor

malik-vishu commented Sep 30, 2023

@monsieurtanuki
Copy link
Contributor Author

@malik-vishu Life is short. I'll review your PR in smooth-app when it's available.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working ✏️ Editing - Packaging input Related to the structured input of food packaging. good first issue Good for newcomers 🎨 UI / UX
Development

Successfully merging a pull request may close this issue.

5 participants