sendnrw/netbird
2
0
Fork 0
mirror of https://github.com/netbirdio/netbird.git synced 2026-10-27 06:49:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

[client] Add RTL layout support to the desktop UI (#8076)

Browse Source 
* [client] Add RTL layout support to the desktop UI

<html dir> follows the active language, Radix primitives get the
matching dir, physical spacing/positioning uses logical utilities, and
directional icons, animations, arrow-key navigation and tooltip sides
flip in RTL.

* [client] Address RTL review feedback

Force LTR with isolation for monospace values, let truncated names
take their direction from their content, and keep the profile name
field in the UI direction.

* [client] Keep translated monospace labels in their own direction

The forced-LTR rule for monospace values now skips elements with an
explicit dir, translated development labels use dir=auto, and
monospace values rendered through TruncatedText opt into LTR.

---------

Co-authored-by: Edward <43848523+thomashacker@users.noreply.github.com>
This commit is contained in:
Eduard Gert
2026-10-06 12:08:11 +02:00
committed by GitHub
co-authored by Edward
parent a8dff998ef
commit f5707c3485
42 changed files with 218 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/ui/frontend/src/modules/settings/SettingsAbout.tsx
+2 -2
View File
@@ -112,7 +112,7 @@ export function SettingsAbout() {
{daemonVersion === "development" ? (
<span>
{t("settings.about.clientName")}{" "}
<span className={"font-mono text-yellow-400"}>
<span dir={"auto"} className={"font-mono text-yellow-400"}>
{t("settings.about.development")}
</span>
</span>
@@ -124,7 +124,7 @@ export function SettingsAbout() {
{guiVersion === "development" ? (
<span>
{t("settings.about.guiName")}{" "}
<span className={"font-mono text-yellow-400"}>
<span dir={"auto"} className={"font-mono text-yellow-400"}>
{t("settings.about.development")}
</span>
</span>