gsadmin/Firelink
1
0
Fork 0
mirror of https://github.com/nimbold/Firelink.git synced 2026-07-26 12:08:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): preserve LTR left sidebar in RTL

Browse Source 
Keep the left sidebar geometry stable across RTL locales and retain the default settings-tab order.

Refs #17
This commit is contained in:
NimBold
2026-07-19 04:07:33 +03:30
parent c427aa2f7a
commit f47eb7507f
2 changed files with 27 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.tsx
+4 -1
View File
@@ -958,7 +958,10 @@ function App() {
marginInlineEnd: isSidebarVisible || !isSidebarOnRight ? 0 : -sidebarWidth marginInlineEnd: isSidebarVisible || !isSidebarOnRight ? 0 : -sidebarWidth
}} }}
> >
<div className="app-sidebar-panel h-full w-full"> <div
className="app-sidebar-panel h-full w-full"
dir={isSidebarOnRight ? undefined : 'ltr'}
>
<Sidebar <Sidebar
selectedFilter={filter} selectedFilter={filter}
onSelectFilter={(f) => { onSelectFilter={(f) => {
src/index.css
+23 -30
View File
@@ -1122,16 +1122,6 @@ html[data-list-density="relaxed"] {
text-align: right; text-align: right;
} }
html[dir="ltr"] .sidebar-nav-label {
direction: ltr;
unicode-bidi: isolate;
}
html[dir="rtl"] .sidebar-nav-label {
direction: rtl;
unicode-bidi: isolate;
}
.app-statusbar { .app-statusbar {
height: 26px; height: 26px;
font-size: 10px; font-size: 10px;
@@ -1339,6 +1329,7 @@ html[data-list-density="relaxed"] {
.settings-tab-strip { .settings-tab-strip {
padding: 16px 32px; padding: 16px 32px;
direction: ltr;
} }
.settings-tab-button { .settings-tab-button {
@@ -2421,26 +2412,6 @@ html[dir="rtl"] input[type="number"] {
unicode-bidi: isolate; unicode-bidi: isolate;
} }
html[dir="rtl"] .sidebar-nav-item > svg {
margin-right: 0;
margin-left: 0.75rem;
}
html[dir="rtl"] .sidebar-nav-item .sidebar-count {
margin-left: 0;
margin-right: auto;
}
html[dir="rtl"] .sidebar-inner .mr-2 {
margin-right: 0;
margin-left: 0.5rem;
}
html[dir="rtl"] .sidebar-inner .mr-3 {
margin-right: 0;
margin-left: 0.75rem;
}
.app-sidebar-shell--right .app-sidebar-panel { .app-sidebar-shell--right .app-sidebar-panel {
box-shadow: box-shadow:
inset 0 1px 0 hsl(0 0% 100% / 0.045), inset 0 1px 0 hsl(0 0% 100% / 0.045),
@@ -2449,6 +2420,13 @@ html[dir="rtl"] .sidebar-inner .mr-3 {
.app-sidebar-shell--left .app-sidebar-panel { .app-sidebar-shell--left .app-sidebar-panel {
direction: ltr; direction: ltr;
text-align: left;
}
.app-sidebar-shell--left .sidebar-section-label,
.app-sidebar-shell--left .sidebar-section-label-toggle {
direction: ltr;
text-align: left;
} }
.app-sidebar-shell--left .sidebar-toggle-button { .app-sidebar-shell--left .sidebar-toggle-button {
@@ -2480,11 +2458,26 @@ html[dir="rtl"] .sidebar-inner .mr-3 {
margin-right: 0.75rem; margin-right: 0.75rem;
} }
.app-sidebar-shell--left .sidebar-nav-label {
direction: ltr;
unicode-bidi: isolate;
}
.app-sidebar-shell--right .sidebar-nav-item > svg { .app-sidebar-shell--right .sidebar-nav-item > svg {
margin-left: 0.75rem; margin-left: 0.75rem;
margin-right: 0; margin-right: 0;
} }
html[dir="ltr"] .app-sidebar-shell--right .sidebar-nav-label {
direction: ltr;
unicode-bidi: isolate;
}
html[dir="rtl"] .app-sidebar-shell--right .sidebar-nav-label {
direction: rtl;
unicode-bidi: isolate;
}
html[dir="rtl"] .mac-switch::after { html[dir="rtl"] .mac-switch::after {
left: auto; left: auto;
right: 2px; right: 2px;