asyncapi/website

Enabling i18n feature for smaller screens

Opened this issue ยท 29 comments

Why do we need this improvement?

Currently we have i18n feature for large screens but not for smaller screens.
So we should work on enabling it for smaller screen
For which first we need a design and need to know where can we place the button to switch to different languages

How will this change help?

It will enable translation to various language for smaller screens

Screenshots

No response

How could it be implemented/designed?

A design can be proposed by @Mayaleeeee on which we can work

๐Ÿšง Breaking changes

No

๐Ÿ‘€ Have you checked for similar open issues?

  • I checked and didn't find a similar issue

๐Ÿข Have you read the Contributing Guidelines?

Are you willing to work on this issue?

No, someone else can work on it.

This is not a good first issue and for this first we need a design to be implemented
cc: @anshgoyalevil

Hey @sambhavgupta0705!, would like to work on this (ofc, after the design is finalized), Can i get it assigned ?
Thanks!

@sambhavgupta0705 can I go for this i18 button Design in mobile devices?
WhatsApp Image 2024-02-28 at 14 41 41_0906dbfc

@Aryann15 @AbhishekCS3459 Guys you need to wait until we get a design spec for this button from @Mayaleeeee

Hey @Mayaleeeee, can please design the spec for I18N button

Hey @Mayaleeeee, can please design the spec for I18N button

I'll take a look at it.

Hey @Mayaleeeee, any update related to this

We can go for this particular icon, available in hero icons, as it's always preferred to use icons on small screens, unless the icon is very underrated and doesn't convey it's purpose.

not sure if this is a great suggestion
image

@akkshitgupta Can I go for it as I was working on it earlier?

@AbhishekCS3459 you can go for it once @Mayaleeeee confirms what should be done. it is still under discussion i guess ;)

We can go for this particular icon, available in hero icons, as it's always preferred to use icons on small screens, unless the icon is very underrated and doesn't convey it's purpose.

not sure if this is a great suggestion
image

Do you mean the language icon?

Yes @Mayaleeeee, the language icon. may be the green mark is creating confusion. that mark was on the website

Yes @Mayaleeeee, the language icon. may be the green mark is creating confusion. that mark was on the website

which green mark? I don't understand

I misunderstood your question here, my bad ๐Ÿ˜…

Do you mean the language icon?

@akkshitgupta you can make a design for the smaller screen which we can later review for smooth working

Ohh my bad
@akkshitgupta as @AbhishekCS3459 was the first one to show interest in working on this so his PR for this issue would be considered first

@akkshitgupta so can I proceed?

Hey @sambhavgupta0705, could you please explain the flow? When the user clicks the new icon above, does it trigger a dropdown with various icons, similar to the existing setup?

similar to the existing setup?

yeahhh

@sambhavgupta0705, I am coming up with a PR today.

@AbhishekCS3459 what's the status of the PR?

@sambhavgupta0705 can i work on it?

@sambhavgupta0705 hello, if the previous developer is still working on it, you can close this pr

@TenzDelek the previous contributor hasn't raised any PR from the past 2 weeks so this issue has been shifted to you so your PR will be considered for this issue

This issue has been automatically marked as stale because it has not had recent activity ๐Ÿ˜ด

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience โค๏ธ