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

Window Control Buttons Overlap UI in RTL Language Settings #26

Open
AvgBlue opened this issue Nov 8, 2024 · 3 comments
Open

Window Control Buttons Overlap UI in RTL Language Settings #26

AvgBlue opened this issue Nov 8, 2024 · 3 comments

Comments

@AvgBlue
Copy link

AvgBlue commented Nov 8, 2024

When the application is used with a system set to a right-to-left (RTL) language (e.g., Arabic, Hebrew), the window control buttons (Close, Maximize, Minimize) overlap some UI elements within the app. This causes usability issues, as these buttons cover parts of the interface, making it difficult to interact with the app as intended.

@hitarth-gg
Copy link
Owner

        <div
          className="layout flex flex-col font-inter"
          style={{
            direction: 'ltr' // forced LTR here
          }}
        >
          {isLoading && <Loader />}
          <Header />
          <main className="">{props || <Outlet />}</main>
        </div>

This should fix the issue. You can download the updated .exe file from here, or you can build the app yourself. Let me know if you still face the same issue after updating.

@AvgBlue
Copy link
Author

AvgBlue commented Nov 8, 2024

Thanks for the quick fix! Unfortunately, it didn’t work for me—I tried using the updated .exe file, but I’m still seeing the same issue.

Here’s a screenshot for context on how it looks:
image

@hitarth-gg
Copy link
Owner

Ok, I'll take a look into it.

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

No branches or pull requests

2 participants