sendnrw/netbird
2
0
Fork 0
mirror of https://github.com/netbirdio/netbird.git synced 2026-10-11 16:09:07 +02: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/globals.css
+5
View File
@@ -96,6 +96,11 @@ body {
@apply bg-nb-gray font-sans text-nb-gray-200 antialiased;
}
[dir="rtl"] :is(.font-mono, code, kbd):not([dir]) {
direction: ltr;
unicode-bidi: isolate;
}
.wails-draggable {
--wails-draggable: drag;
cursor: default;