salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(rtl): replace physical left/right CSS properties with logical equivalents

Browse Source 
- 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 <noreply@anthropic.com>
This commit is contained in:
MusiCode
2026-03-18 10:54:25 +00:00
committed by Shantur Rathore
parent 1e47389df3
commit db3a786b48
7 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/src/styles/messaging.css
View File

@@ -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);

4
packages/ui/src/styles/messaging/message-base.css
View File

@@ -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 {

8
packages/ui/src/styles/messaging/tool-call.css
View File

@@ -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);

2
packages/ui/src/styles/panels/modal.css
View File

@@ -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);
}

2
packages/ui/src/styles/panels/panel-shell.css
View File

@@ -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 {

2
packages/ui/src/styles/panels/right-panel.css
View File

@@ -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 {

2
packages/ui/src/styles/panels/session-layout.css
View File

@@ -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);
}