website icon indicating copy to clipboard operation
website copied to clipboard

fix: i18n for smaller screen

Open TenzDelek opened this issue 1 year ago • 26 comments

Fixes #2708

As per mentioned by @anshgoyalevil Discuss, have put the i8n in the dropdown.

image

TenzDelek avatar Jul 24 '24 14:07 TenzDelek

Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name Link
Latest commit 30f1f30379693c661f7d9a0d7bb33d29b930cadd
Latest deploy log https://app.netlify.com/sites/asyncapi-website/deploys/66d04feabbda9b0008da1243
Deploy Preview https://deploy-preview-3113--asyncapi-website.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Jul 24 '24 14:07 netlify[bot]

⚡️ Lighthouse report for the changes in this PR:

Category Score
🔴 Performance 36
🟢 Accessibility 98
🟢 Best practices 92
🟢 SEO 100
🔴 PWA 33

Lighthouse ran on https://deploy-preview-3113--asyncapi-website.netlify.app/

asyncapi-bot avatar Jul 24 '24 14:07 asyncapi-bot

Can we something like kubevela.io ?? The selector needs to be inside of the dropdown only but we need to improve its UI

sambhavgupta0705 avatar Jul 24 '24 15:07 sambhavgupta0705

Can we something like kubevela.io ?? The selector needs to be inside of the dropdown only but we need to improve its UI

sure, will try to do that !!

TenzDelek avatar Jul 24 '24 15:07 TenzDelek

Screenshot 2024-07-24 214448 Screenshot 2024-07-24 214503

cc @sambhavgupta0705

TenzDelek avatar Jul 24 '24 16:07 TenzDelek

@sambhavgupta0705 do the repo has a specific command for linting. the pr seems to be failing due to it. what might be the cause of it. am i missing a step. wouldn't it be better to have a precommit hook for lint staged when we do the commit 🤔 happens same at PR

TenzDelek avatar Jul 24 '24 16:07 TenzDelek

Can we change the icon in side of language to anything in deutsche

sambhavgupta0705 avatar Jul 24 '24 16:07 sambhavgupta0705

And increase the right margin of en and de also in the drop-down

sambhavgupta0705 avatar Jul 24 '24 16:07 sambhavgupta0705

And increase the right margin of en and de also in the drop-down

image i believe you mean margin left.. , have given a margin of 2

TenzDelek avatar Jul 24 '24 16:07 TenzDelek

i believe you mean margin left.. , have given a margin of 2

Yes this only

sambhavgupta0705 avatar Jul 24 '24 16:07 sambhavgupta0705

@sambhavgupta0705 do the repo has a specific command for linting. the pr seems to be failing due to it. what might be the cause of it. am i missing a step. wouldn't it be better to have a precommit hook for lint staged when we do the commit 🤔 happens same at PR

Lint cheeck passed in that PR ,there is a check fail which is because of change in npm and node version .We need to resolve it @akshatnema has more idea about it

sambhavgupta0705 avatar Jul 24 '24 16:07 sambhavgupta0705

image can we decrease the font size of the EN DE here

sambhavgupta0705 avatar Jul 24 '24 16:07 sambhavgupta0705

@sambhavgupta0705 do the repo has a specific command for linting. the pr seems to be failing due to it. what might be the cause of it. am i missing a step. wouldn't it be better to have a precommit hook for lint staged when we do the commit 🤔 happens same at PR

Lint cheeck passed in that PR ,there is a check fail which is because of change in npm and node version .We need to resolve it @akshatnema has more idea about it

sure , will wait for the response from his side..

TenzDelek avatar Jul 24 '24 16:07 TenzDelek

image can we decrease the font size of the EN DE here

currently it is set to text-base, should we go with sm or xs

TenzDelek avatar Jul 24 '24 16:07 TenzDelek

currently it is set to text-base, should we go with sm or xs

For smaller screen yes and image remove this whitespace also

sambhavgupta0705 avatar Jul 24 '24 17:07 sambhavgupta0705

@Mayaleeeee Can you please take a look at this

sambhavgupta0705 avatar Jul 25 '24 12:07 sambhavgupta0705

/update

sambhavgupta0705 avatar Aug 04 '24 05:08 sambhavgupta0705

@Mayaleeeee Can you please take a look at this

Hello @TenzDelek @sambhavgupta0705, Instead of using codes like 'en' and 'de', let's use terms people are more familiar with, such as 'English' and 'Deutsch', for a more user-friendly experience and to reach a broader audience.

P.S. The position looks good on both the web and mobile.

Is there anything else you'd like me to review on this issue? cc @TenzDelek @sambhavgupta0705

Mayaleeeee avatar Aug 21 '24 12:08 Mayaleeeee

@TenzDelek push a review with these changes then we can look at this

sambhavgupta0705 avatar Aug 21 '24 12:08 sambhavgupta0705

@TenzDelek push a review with these changes then we can look at this

@sambhavgupta0705 check it once. have made some adjustment to the space x due to layout shift in the nav after the long form addition

TenzDelek avatar Aug 21 '24 13:08 TenzDelek

@TenzDelek I liked the design but we have a setup of using en and de so we need to change them also by replacing them with deutsch and english cc: @anshgoyalevil

sambhavgupta0705 avatar Aug 22 '24 03:08 sambhavgupta0705

@TenzDelek I liked the design but we have a setup of using en and de so we need to change them also by replacing them with deutsch and english

cc: @anshgoyalevil

You mean the params? Didn't quite get you🤔

TenzDelek avatar Aug 22 '24 05:08 TenzDelek

yes the params only currently it is redirecting us to https://deploy-preview-3113--asyncapi-website.netlify.app/deutsch which is not valid

A good approach will be to change the params from de to deutsch and en to english

sambhavgupta0705 avatar Aug 24 '24 06:08 sambhavgupta0705

@TenzDelek any update?

sambhavgupta0705 avatar Aug 28 '24 12:08 sambhavgupta0705

@TenzDelek any update?

was bit busy past few days ! will look into this today or tomorrow

TenzDelek avatar Aug 28 '24 13:08 TenzDelek

yes the params only currently it is redirecting us to https://deploy-preview-3113--asyncapi-website.netlify.app/deutsch which is not valid

A good approach will be to change the params from de to deutsch and en to english

can you help me with that a little bit.. what exactly we need to perform here. little bit confuse here. is it only changing file name here or ? image cc @sambhavgupta0705

TenzDelek avatar Aug 29 '24 10:08 TenzDelek

closing this as we have submitted this issue in bounty program and need a new PR for this

sambhavgupta0705 avatar Dec 16 '24 11:12 sambhavgupta0705

hey @sambhavgupta0705 need your input in this https://github.com/asyncapi/website/issues/1245#issuecomment-2543838373

TenzDelek avatar Dec 16 '24 11:12 TenzDelek

closing this as we have submitted this issue in bounty program and need a new PR for this

can contributors take participation in bounty program or is it meant only for maintainers? . would love to work on this if it is for all. cc @sambhavgupta0705 , @aeworxet

TenzDelek avatar Dec 16 '24 14:12 TenzDelek

closing this as we have submitted this issue in bounty program and need a new PR for this

can contributors take participation in bounty program or is it meant only for maintainers? . would love to work on this if it is for all. cc @sambhavgupta0705 , @aeworxet

TenzDelek avatar Dec 16 '24 14:12 TenzDelek