fix(ui): truncate right panel paths from start

Use RTL ellipsis with bidi isolation so long paths keep the filename visible.
This commit is contained in:
Shantur Rathore
2026-02-11 11:27:24 +00:00
parent 204b2e020b
commit fd499d95e6
4 changed files with 23 additions and 11 deletions

View File

@@ -157,7 +157,7 @@ const GitChangesTab: Component<GitChangesTabProps> = (props) => {
>
<div class="file-list-item-content">
<div class="file-list-item-path" title={item.path}>
{item.path}
<span class="file-path-text">{item.path}</span>
</div>
<div class="file-list-item-stats">
<Show when={item.status === "deleted"}>
@@ -188,7 +188,7 @@ const GitChangesTab: Component<GitChangesTabProps> = (props) => {
>
<div class="file-list-item-content">
<div class="file-list-item-path" title={item.path}>
{item.path}
<span class="file-path-text">{item.path}</span>
</div>
<div class="file-list-item-stats">
<Show when={item.status === "deleted"}>
@@ -213,7 +213,7 @@ const GitChangesTab: Component<GitChangesTabProps> = (props) => {
header={
<>
<span class="files-tab-selected-path" title={selectedEntry?.path || "Git Changes"}>
{selectedEntry?.path || "Git Changes"}
<span class="file-path-text">{selectedEntry?.path || "Git Changes"}</span>
</span>
<div class="files-tab-stats" style={{ flex: "0 0 auto" }}>