feat: a small terminal or folder icon before each tab's name says what it holds

This commit is contained in:
redtea committed 2026-10-16 10:12:00 +03:00
1 parent 96163ebf86
commit c003b51b4c
2 files changed
+20 -3

No files matched your search

+5 -1
View File
@@ -333,7 +333,11 @@ body.multi .tabs, body.multi-hint .tabs { max-height:48px; opacity:1; padding-to
.tab.on { background:var(--panel); color:var(--text); }
.tab.enter, .tab.leave { max-width:0; opacity:0; padding:0; }
.tab.dragging { opacity:.3; }
.tab-title { flex:1; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.tab-title { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
/* What a tab holds, just before its name. */
.tab-kinds { display:inline-flex; gap:3px; flex:none; color:var(--muted); opacity:.75; }
.tab.on .tab-kinds { color:var(--text); opacity:.6; }
.tab-kinds svg { display:block; }
.tab-edit { width:auto; min-width:60px; max-width:150px; height:24px; padding:2px 6px; font-size:13px; }
.tab-x, .pane-x { flex:none; width:20px; height:20px; padding:0; display:inline-flex; align-items:center; justify-content:center;
background:transparent; border:0; border-radius:5px; color:var(--muted); opacity:.6; transition:opacity .15s, background .15s, color .15s; }