From db3a786b488049a6e88865c902d3452f27eead6c Mon Sep 17 00:00:00 2001 From: MusiCode Date: Wed, 18 Mar 2026 10:54:25 +0000 Subject: [PATCH] fix(rtl): replace physical left/right CSS properties with logical equivalents MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - border-l-[3px] → border-s-[3px] on .message-error-block (both CSS files) - ml-auto → ms-auto on .message-step-time - text-left → text-start on buttons and list items across panels and tool-call styles Co-Authored-By: Claude Sonnet 4.6 --- packages/ui/src/styles/messaging.css | 2 +- packages/ui/src/styles/messaging/message-base.css | 4 ++-- packages/ui/src/styles/messaging/tool-call.css | 8 ++++---- packages/ui/src/styles/panels/modal.css | 2 +- packages/ui/src/styles/panels/panel-shell.css | 2 +- packages/ui/src/styles/panels/right-panel.css | 2 +- packages/ui/src/styles/panels/session-layout.css | 2 +- 7 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/ui/src/styles/messaging.css b/packages/ui/src/styles/messaging.css index 740beffc..10d91f72 100644 --- a/packages/ui/src/styles/messaging.css +++ b/packages/ui/src/styles/messaging.css @@ -28,7 +28,7 @@ /* Message error block */ .message-error-block { - @apply text-sm p-3 rounded border-l-[3px] my-2; + @apply text-sm p-3 rounded border-s-[3px] my-2; color: var(--status-error); background-color: var(--message-error-bg); border-color: var(--status-error); diff --git a/packages/ui/src/styles/messaging/message-base.css b/packages/ui/src/styles/messaging/message-base.css index 79f3b9f0..3a64777c 100644 --- a/packages/ui/src/styles/messaging/message-base.css +++ b/packages/ui/src/styles/messaging/message-base.css @@ -189,7 +189,7 @@ } .message-error-block { - @apply text-sm p-3 rounded border-l-[3px] my-2; + @apply text-sm p-3 rounded border-s-[3px] my-2; color: var(--status-error); background-color: var(--message-error-bg); border-color: var(--status-error); @@ -363,7 +363,7 @@ } .message-step-time { - @apply text-[11px] text-[var(--text-muted)] font-normal ml-auto; + @apply text-[11px] text-[var(--text-muted)] font-normal ms-auto; } .message-step-meta-inline { diff --git a/packages/ui/src/styles/messaging/tool-call.css b/packages/ui/src/styles/messaging/tool-call.css index 859c7f4f..53314041 100644 --- a/packages/ui/src/styles/messaging/tool-call.css +++ b/packages/ui/src/styles/messaging/tool-call.css @@ -94,7 +94,7 @@ } .tool-call-header-toggle { - @apply flex items-center gap-2 p-2 w-full bg-transparent border-none cursor-pointer text-left; + @apply flex items-center gap-2 p-2 w-full bg-transparent border-none cursor-pointer text-start; font-family: var(--font-family-mono); font-size: 13px; border-radius: 0; @@ -159,7 +159,7 @@ } .tool-call-summary { - @apply flex-1 text-left inline-flex items-center gap-2; + @apply flex-1 text-start inline-flex items-center gap-2; color: var(--text-primary); } @@ -610,7 +610,7 @@ } .tool-call-diagnostics-heading { - @apply flex items-center gap-2 p-2 w-full border-none cursor-pointer text-left; + @apply flex items-center gap-2 p-2 w-full border-none cursor-pointer text-start; font-family: var(--font-family-mono); font-size: 13px; color: var(--text-primary); @@ -634,7 +634,7 @@ .tool-call-diagnostics-heading { - @apply flex items-center gap-2 p-2 w-full border-none cursor-pointer text-left; + @apply flex items-center gap-2 p-2 w-full border-none cursor-pointer text-start; font-family: var(--font-family-mono); font-size: 13px; color: var(--text-primary); diff --git a/packages/ui/src/styles/panels/modal.css b/packages/ui/src/styles/panels/modal.css index 4edc3b81..d8540d60 100644 --- a/packages/ui/src/styles/panels/modal.css +++ b/packages/ui/src/styles/panels/modal.css @@ -42,7 +42,7 @@ } .modal-item { - @apply w-full px-4 py-3 flex items-start gap-3 transition-colors cursor-pointer border-none text-left; + @apply w-full px-4 py-3 flex items-start gap-3 transition-colors cursor-pointer border-none text-start; color: var(--text-primary); } diff --git a/packages/ui/src/styles/panels/panel-shell.css b/packages/ui/src/styles/panels/panel-shell.css index d32ee79e..c689ef6f 100644 --- a/packages/ui/src/styles/panels/panel-shell.css +++ b/packages/ui/src/styles/panels/panel-shell.css @@ -77,7 +77,7 @@ } .panel-list-item-content { - @apply flex-1 text-left px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full min-w-0; + @apply flex-1 text-start px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full min-w-0; } .panel-list-item-content:hover { diff --git a/packages/ui/src/styles/panels/right-panel.css b/packages/ui/src/styles/panels/right-panel.css index d2c08929..a3d3715a 100644 --- a/packages/ui/src/styles/panels/right-panel.css +++ b/packages/ui/src/styles/panels/right-panel.css @@ -528,7 +528,7 @@ } .right-panel-empty--left { - @apply items-start justify-start text-left w-full; + @apply items-start justify-start text-start w-full; } .right-panel-empty-text { diff --git a/packages/ui/src/styles/panels/session-layout.css b/packages/ui/src/styles/panels/session-layout.css index 9b0395ec..479c37f7 100644 --- a/packages/ui/src/styles/panels/session-layout.css +++ b/packages/ui/src/styles/panels/session-layout.css @@ -199,7 +199,7 @@ session-sidebar-controls .selector-trigger-primary { } .session-item-base { - @apply w-full flex flex-col gap-1 px-3 py-2.5 text-left transition-colors outline-none; + @apply w-full flex flex-col gap-1 px-3 py-2.5 text-start transition-colors outline-none; font-family: var(--font-family-sans); font-size: var(--font-size-sm); }