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

[Bug]: UI Changes Needed for Translate Button and Language Display Issues #218

Closed
5 tasks done
amitb0ra opened this issue Oct 23, 2024 · 0 comments
Closed
5 tasks done
Assignees
Labels
gssoc-ext Extended contribution for GSSoC hacktoberfest Open-source contribution during October for GSSoC hacktoberfest-accepted Eligible contribution for Hacktoberfest rewards level2 Intermediate-level contribution or task

Comments

@amitb0ra
Copy link
Contributor

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

The current implementation of the translation feature on our website requires improvements in both user interface (UI) and functionality.

1. UI Changes

  • The translate button is not visually prominent and may not be easily identifiable by users.
  • The design should be aligned with the overall aesthetic of the website to enhance usability.

2. Language Display Issues

  • The translate button currently does not allow users to select languages other than English. Users should be able to see and select from the available languages seamlessly.

Expected behavior

Suggested Improvements

1. Enhanced UI Design

  • Implement a more visually appealing translate button that stands out, possibly using contrasting colors or icons.
  • Ensure that the button is accessible, large enough to tap easily on mobile devices, and follows web accessibility standards.

2. Improved Language Selection

  • Instead of a static button, consider using a dropdown menu that lists all available languages. This can provide users with a clearer understanding of their options.
  • Update the translation settings to allow for manual selection of languages, instead of relying solely on browser language detection.

Alternative Approach

Instead of using the current GTranslate widget, consider the following alternatives for a more robust translation solution:

  1. Custom Language Selector:

    • Build a custom language selector using a dropdown menu. This can be implemented with HTML, CSS, and JavaScript, allowing more control over the design and functionality.

    like: 📑 Feature Request: Add Multi-Language Support for Global Accessibility rahulsainlll/git-trace#131

Add screenshots (if applicable)

image

On which device or platform are you experiencing this bug?

Android, iPhone, Linux, Chrome, Windows

Confirmation

  • I have read the Bitbox Contributing Guidelines
  • I am a GSSOC-EXT contributor
  • I am a HACKTOBERFEST contributor
  • I have starred the Bitbox repository
@amitb0ra amitb0ra added the bug Something isn't working label Oct 23, 2024
@Harshit7492 Harshit7492 added gssoc-ext Extended contribution for GSSoC hacktoberfest-accepted Eligible contribution for Hacktoberfest rewards level2 Intermediate-level contribution or task hacktoberfest Open-source contribution during October for GSSoC and removed bug Something isn't working labels Oct 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
gssoc-ext Extended contribution for GSSoC hacktoberfest Open-source contribution during October for GSSoC hacktoberfest-accepted Eligible contribution for Hacktoberfest rewards level2 Intermediate-level contribution or task
Projects
None yet
Development

No branches or pull requests

2 participants