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

@@ -105,7 +105,7 @@ const FilesTab: Component<FilesTabProps> = (props) => {
<div class="file-list-item" onClick={() => props.onLoadEntries(p())}>
<div class="file-list-item-content">
<div class="file-list-item-path" title={p()}>
..
<span class="file-path-text">..</span>
</div>
</div>
</div>
@@ -131,7 +131,7 @@ const FilesTab: Component<FilesTabProps> = (props) => {
>
<div class="file-list-item-content">
<div class="file-list-item-path" title={item.path}>
{item.name}
<span class="file-path-text">{item.name}</span>
</div>
<div class="file-list-item-stats">
<span class="text-[10px] text-secondary">{item.type}</span>
@@ -150,7 +150,7 @@ const FilesTab: Component<FilesTabProps> = (props) => {
<div class="files-tab-stats">
<span class="files-tab-stat">
<span class="files-tab-selected-path" title={headerDisplayedPath()}>
{headerDisplayedPath()}
<span class="file-path-text">{headerDisplayedPath()}</span>
</span>
</span>
<Show when={props.browserLoading()}>