fix: aligned more to old shell

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
2026-04-26 07:55:13 +02:00
parent 689166a80d
commit 2891e96069
4 changed files with 159 additions and 24 deletions

View File

@@ -134,9 +134,15 @@
<div class="tab-bar-tabs">
<%= for tab <- @workbench.tabs do %>
<div
class={["tab", if(@workbench.active_tab == {tab.type, tab.id}, do: "active"), if(tab.is_transient, do: "transient")]}
class={[
"tab",
if(@workbench.active_tab == {tab.type, tab.id}, do: "active"),
if(tab.is_transient, do: "transient"),
if(Workbench.dirty?(@workbench, tab.type, tab.id), do: "dirty")
]}
data-tab-type={tab.type}
data-tab-id={tab.id}
tabindex="0"
>
<button
class="tab-select"
@@ -148,20 +154,25 @@
<span class="tab-icon"><%= raw(ShellData.activity_icon(tab_icon_id(tab))) %></span>
<span class="tab-title"><%= tab_title(tab, @tab_meta) %></span>
</button>
<button
class="tab-close"
data-testid="tab-close"
data-tab-type={tab.type}
data-tab-id={tab.id}
type="button"
phx-click="close_tab"
phx-value-type={tab.type}
phx-value-id={tab.id}
aria-label={translated("Close tab")}
title={translated("Close tab")}
>
×
</button>
<div class="tab-actions">
<%= if Workbench.dirty?(@workbench, tab.type, tab.id) do %>
<span class="tab-dirty-indicator">●</span>
<% end %>
<button
class="tab-close"
data-testid="tab-close"
data-tab-type={tab.type}
data-tab-id={tab.id}
type="button"
phx-click="close_tab"
phx-value-type={tab.type}
phx-value-id={tab.id}
aria-label={translated("Close tab")}
title={translated("Close tab")}
>
×
</button>
</div>
</div>
<% end %>
</div>