feat: a small terminal or folder icon before each tab's name says what it holds
This commit is contained in:
1 parent
96163ebf86
commit
c003b51b4c
2 files changed
+20
-3
No files matched your search
@@ -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; }
|
||||
|
||||
Reference in new issue
Block a user